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

#3E96B2 の色情報

#3E96B2

画像
HEX	#3E96B2
RGB	R:62 G:150 B:178
RGBの割合	R:24.3% G:58.8% B:69.8%
HSV	H:194.5 S:65.2 V:69.8
HSL	H:194.5 S:48.3 L:47.1
CMY	C:75.7 M:41.2 Y:30.2

CMYK	C:65.2 M:15.7 Y:0.0 K:30.2
YCbCr	Y:125.0 Cb:153.3 Cr:87.4
XYZ	X:20.9 Y:26.1 Z:46.0
xyY	x:0.225 y:0.280 Y:26.1

CIE Lab	L:58.1 a:-17.4 b*:-22.4
CIE LCh	L:58.1 C:28.4 h:232.1
CIE Luv	L:58.1 u:-34.5 v*:-31.6
Hunter Lab	L:51.0 a:-16.1 b:-17.8

#3E96B2 の色相別色一覧

#B25A3E

#B2773E

#B2943E

#B2B13E

#96B23E

#79B23E

#5CB23E

#3FB23E

#3EB25A

#3EB277

#3EB294

#3EB2B1

#3E96B2

#3E79B2

#3E5CB2

#3E3FB2

#5A3EB2

#773EB2

#943EB2

#B13EB2

#B23E96

#B23E79

#B23E5C

#B23E3F

#3E96B2 の彩度別色一覧

#B2B2B2

#A9B0B2

#A0AEB2

#97ABB2

#8EA9B2

#85A7B2

#7CA5B2

#73A3B2

#6BA1B2

#629FB2

#599CB2

#509AB2

#4798B2

#3E96B2

#3594B2

#2C92B2

#2390B2

#1A8DB2

#128BB2

#0989B2

#3E96B2 の明度別色一覧

#040A0C

#091519

#0D2026

#122B33

#16353F

#1A404C

#1F4B59

#235666

#286072

#2C6B7F

#31768C

#358199

#3A8BA5

#3E96B2

#42A1BF

#47ABCC

#4BB6D8

#50C1E5

#54CCF2

#59D6FF

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

#137280

#115359

#3E96B2

#2CC4F5

#2E8896

#6CADD4

#294C57

#1E5969

#4BBCF2

#3E96B2

#23BFCF

#21565C

#206970

#30D4E8

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

#CC914B

#56389E

#3E96B2

#992666

#73C43A

#A32844

#3E96B2

#459E53

#7838C4

#C1A73A

#AA9B33

#612FBC

#3FA535

#C64B86

#3E96B2

#3E96B2 を使ったカマイユ

#388DAA

#468FAF

#4EAFC4

#59B0C6

#3E96B2

#4399BA

#489FC9

#3DB0CC

#3E96B2

#33AFC6

#4CA0C9

#48B2C9

#4198AF

#3E96B2

#52A1C4

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

#32BDD1

#3F9ECC

#68D1D6

#3E96B2

#36AFC9

#246EA5

#5EC1D6

#5D9DBA

#44A3AA

#3E96B2

#2A8ACC

#2D90A3

#39AEC6

#5FBFD3

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

#0988B0

#87B9C9

#1E7794

#3A4042

#3E96B2

#076C8C

#3E96B2

#79A3B0

#185D73

#2795B8

#468194

#C3EDFA

#3E96B2

#5E7780

#263F47

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

#466670

#0EB1E6

#3E96B2

#22758F

#3E96B2

#8DC6D9

#5D838F

#3E96B2

#3AC4F0

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

#3E96B2

#B23E96

#96B23E

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

#B2813E

#3E96B2

#B23E49

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

#3E96B2

#943EB2

#B25A3E

#5CB23E

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

#3E96B2

#B25A3E

#3E96B2

#97ABB2

#3E96B2

#59D7FF

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

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

#3E96B2

#3E96B2 の色情報

#3E96B2 の色相別色一覧

#3E96B2 の彩度別色一覧

#3E96B2 の明度別色一覧

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

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

#3E96B2 を使ったカマイユ

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

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

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

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

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

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

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