#3BA4F9｜カラーサイト.com

#3BA4F9 の色情報

#3BA4F9

画像
HEX	#3BA4F9
RGB	R:59 G:164 B:249
RGBの割合	R:23.1% G:64.3% B:97.6%
HSV	H:206.8 S:76.3 V:97.6
HSL	H:206.8 S:94.1 L:60.4
CMY	C:76.9 M:35.7 Y:2.4

CMYK	C:76.3 M:34.1 Y:0.0 K:2.4
YCbCr	Y:138.2 Cb:180.9 Cr:75.9
XYZ	X:32.2 Y:34.3 Z:94.6
xyY	x:0.200 y:0.213 Y:34.3

CIE Lab	L:65.2 a:-1.6 b*:-50.8
CIE LCh	L:65.2 C:50.8 h:268.2
CIE Luv	L:65.2 u:-36.4 v*:-81.8
Hunter Lab	L:58.6 a:-4.5 b:-54.7

#3BA4F9 の色相別色一覧

#F9613B

#F9903B

#F9C03B

#F9EF3B

#D4F93B

#A4F93B

#75F93B

#45F93B

#3BF961

#3BF990

#3BF9C0

#3BF9EF

#3BD4F9

#3BA4F9

#3B75F9

#3B45F9

#613BF9

#903BF9

#C03BF9

#EF3BF9

#F93BD4

#F93BA4

#F93B75

#F93B45

#3BA4F9 の彩度別色一覧

#F6F8F9

#E9F2F9

#DDECF9

#D0E7F9

#C4E1F9

#B8DCF9

#ABD6F9

#9FD1F9

#92CBF9

#86C5F9

#79C0F9

#6DBAF9

#60B5F9

#54AFF9

#47AAF9

#3BA4F9

#2F9EF9

#2299F9

#1693F9

#098EF9

#3BA4F9 の明度別色一覧

#020407

#050D14

#081520

#0B1E2D

#0E263A

#112E47

#143753

#173F60

#1A486D

#1D507A

#205886

#236193

#2669A0

#2972AD

#2C7AB9

#2F82C6

#328BD3

#3593E0

#389CEC

#3BA4F9

#3BA4F9 を使ったトーンオントーン

#133873

#233C52

#32A1CC

#3BA4F9

#0A629C

#1B455E

#3BA4F9

#0D4670

#2F87BD

#4882A6

#3073A6

#123459

#1F5778

#0759C9

#3BA4F9

#3BA4F9 を使ったトーンイントーン

#3BA4F9

#45E7AB

#C2FF51

#C022E5

#E52926

#51FF93

#B04DFC

#F12B67

#E9EF34

#3BA4F9

#51FF56

#3BA4F9

#EC2068

#9E28FF

#FFDB2B

#3BA4F9 を使ったカマイユ

#4E96E7

#44A9EC

#22A2F6

#3BA4F9

#2CA6F6

#2F92FC

#49A5FF

#3FA6FF

#3BA4F9

#49A8FF

#4EBCFF

#3BA4F9

#4EA4FF

#44A2FF

#3FB6FF

#3BA4F9 を使ったフォカマイユ

#48BDDD

#5990E7

#518BE2

#49BAE0

#3BA4F9

#55CFF4

#1E7FEC

#4C89F1

#20D3FF

#3BA4F9

#50A3EF

#376CD5

#46B3E5

#28B8FF

#3BA4F9 を使ったドミナントカラー

#375166

#3BA4F9

#778FA3

#1D7ECC

#DCECFA

#808A91

#42494F

#258FE6

#456580

#3BA4F9

#A1BCD1

#1E425E

#1B2B38

#728594

#3BA4F9 を使ったアイデンティティ

#3BA4F9

#4D9CDB

#486C8A

#2A567A

#5882A3

#3BA4F9

#0269BD

#3BA4F9

#345169

#3BA4F9 を使ったトライアド

#3BA4F9

#F93BA4

#A4F93B

#3BA4F9 を使ったスプリットコンプリメンタリー

#F9CF3B

#3BA4F9

#F9513B

#3BA4F9 を使ったテトラード

#3BA4F9

#EF3BF9

#F9903B

#45F93B

#3BA4F9 を使ったコントラスト

#3BA4F9

#F9903B

#3BA4F9

#B8DCF9

#3BA4F9

#184366

#3BA4F9の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#3BA4F9の色相や彩度を変えたときの配色なども一覧で表示します。

#3BA4F9

#3BA4F9 の色情報

#3BA4F9 の色相別色一覧

#3BA4F9 の彩度別色一覧

#3BA4F9 の明度別色一覧

#3BA4F9 を使ったトーンオントーン

#3BA4F9 を使ったトーンイントーン

#3BA4F9 を使ったカマイユ

#3BA4F9 を使ったフォカマイユ

#3BA4F9 を使ったドミナントカラー

#3BA4F9 を使ったアイデンティティ

#3BA4F9 を使ったトライアド

#3BA4F9 を使ったスプリットコンプリメンタリー

#3BA4F9 を使ったテトラード

#3BA4F9 を使ったコントラスト