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

#3BA8F2 の色情報

#3BA8F2

画像
HEX	#3BA8F2
RGB	R:59 G:168 B:242
RGBの割合	R:23.1% G:65.9% B:94.9%
HSV	H:204.3 S:75.6 V:94.9
HSL	H:204.3 S:87.6 L:59.0
CMY	C:76.9 M:34.1 Y:5.1

CMYK	C:75.6 M:30.6 Y:0.0 K:5.1
YCbCr	Y:139.6 Cb:176.6 Cr:74.9
XYZ	X:31.8 Y:35.3 Z:89.2
xyY	x:0.204 y:0.226 Y:35.3

CIE Lab	L:66.0 a:-6.3 b*:-45.7
CIE LCh	L:66.0 C:46.1 h:262.2
CIE Luv	L:66.0 u:-38.1 v*:-72.8
Hunter Lab	L:59.5 a:-8.5 b:-47.3

#3BA8F2 の色相別色一覧

#F2573B

#F2853B

#F2B33B

#F2E13B

#D6F23B

#A8F23B

#7AF23B

#4DF23B

#3BF257

#3BF285

#3BF2B3

#3BF2E1

#3BD6F2

#3BA8F2

#3B7AF2

#3B4DF2

#573BF2

#853BF2

#B33BF2

#E13BF2

#F23BD6

#F23BA8

#F23B7A

#F23B4D

#3BA8F2 の彩度別色一覧

#F1F1F2

#E4EDF2

#D8E8F2

#CCE3F2

#C0DEF2

#B4D9F2

#A8D4F2

#9CCFF2

#90CAF2

#84C5F2

#78C0F2

#6BBCF2

#5FB7F2

#53B2F2

#47ADF2

#3BA8F2

#2FA3F2

#239EF2

#1799F2

#0B94F2

#3BA8F2 の明度別色一覧

#03090D

#061219

#091A26

#0C2333

#0F2C40

#13354C

#163E59

#194766

#1C4F73

#1F587F

#22618C

#256A99

#2873A6

#2B7CB2

#2F85BF

#328DCC

#3596D9

#389FE5

#3BA8F2

#3EB1FF

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

#1A3F5C

#1F5F91

#3778BA

#3BA8F2

#1E4C7A

#07506B

#3BA8F2

#254754

#105AA6

#4A86C7

#1A3A47

#3BA8F2

#1288C4

#0C5070

#2472A1

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

#893CE5

#ED4886

#F7C43F

#3AE348

#3BA8F2

#35FA81

#3BA8F2

#C82FFF

#FA3F51

#D8DB3A

#B94BEF

#3BD963

#3BA8F2

#FF5865

#C9E049

#3BA8F2 を使ったカマイユ

#51C3FA

#3BA8F2

#259CFF

#4FBAED

#47ABEA

#2B9AE0

#269BDB

#3BA8F2

#3AABE5

#4399E5

#3BA8F2

#43ADFF

#55BBF7

#3CA9E5

#399EFF

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

#1CB7D3

#2E83ED

#2DC4F7

#1D64D9

#3BA8F2

#4D97D9

#2199E5

#3BA8F2

#46DCFF

#4F98D9

#20C2FF

#2C83FF

#29BAFA

#3BA8F2

#1EA7CE

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

#929EA6

#7BB4DB

#3A576B

#3BA8F2

#326C94

#1F74AD

#234861

#3BA8F2

#B8D2E3

#254459

#022E4D

#89BDE0

#94CFF7

#3BA8F2

#9CC0D9

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

#486070

#035E9C

#3BA8F2

#6A879C

#284E69

#3BA8F2

#4F6473

#1176BA

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

#3BA8F2

#F23BA8

#A8F23B

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

#F2C23B

#3BA8F2

#F2483B

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

#3BA8F2

#E13BF2

#F2853B

#4DF23B

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

#3BA8F2

#F2853B

#3BA8F2

#B4D9F2

#3BA8F2

#194766

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

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

#3BA8F2

#3BA8F2 の色情報

#3BA8F2 の色相別色一覧

#3BA8F2 の彩度別色一覧

#3BA8F2 の明度別色一覧

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

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

#3BA8F2 を使ったカマイユ

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

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

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

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

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

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

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