#4BA6E2｜カラーサイト.com

#4BA6E2 の色情報

#4BA6E2

画像
HEX	#4BA6E2
RGB	R:75 G:166 B:226
RGBの割合	R:29.4% G:65.1% B:88.6%
HSV	H:203.8 S:66.8 V:88.6
HSL	H:203.8 S:72.2 L:59.0
CMY	C:70.6 M:34.9 Y:11.4

CMYK	C:66.8 M:26.5 Y:0.0 K:11.4
YCbCr	Y:141.1 Cb:167.8 Cr:83.8
XYZ	X:30.3 Y:34.3 Z:77.0
xyY	x:0.214 y:0.242 Y:34.3

CIE Lab	L:65.2 a:-8.4 b*:-38.2
CIE LCh	L:65.2 C:39.1 h:257.6
CIE Luv	L:65.2 u:-35.4 v*:-59.7
Hunter Lab	L:58.5 a:-10.1 b:-37.0

#4BA6E2 の色相別色一覧

#E2614B

#E2874B

#E2AD4B

#E2D34B

#CCE24B

#A6E24B

#80E24B

#5BE24B

#4BE261

#4BE287

#4BE2AD

#4BE2D3

#4BCCE2

#4BA6E2

#4B80E2

#4B5BE2

#614BE2

#874BE2

#AD4BE2

#D34BE2

#E24BCC

#E24BA6

#E24B80

#E24B5B

#4BA6E2 の彩度別色一覧

#DEE0E2

#D3DCE2

#C7D7E2

#BCD3E2

#B1CEE2

#A5CAE2

#9AC5E2

#8FC1E2

#84BCE2

#78B8E2

#6DB3E2

#62AFE2

#56AAE2

#4BA6E2

#40A2E2

#349DE2

#2999E2

#1E94E2

#1390E2

#078BE2

#4BA6E2 の明度別色一覧

#030709

#071016

#0C1A23

#102330

#142C3C

#183649

#1C3F56

#214863

#25526F

#295B7C

#2D6489

#326E96

#3677A2

#3A81AF

#3E8ABC

#4393C9

#479DD5

#4BA6E2

#4FAFEF

#53B9FC

#4BA6E2 を使ったトーンオントーン

#3970A1

#4BA6E2

#56A5BF

#304A5C

#38516E

#4BA6E2

#2075C4

#3E7DA3

#1C2E45

#3D5A7A

#30597A

#2D4F5C

#4BA6E2

#56A0C7

#437A9C

#4BA6E2 を使ったトーンイントーン

#B04CF4

#F94B6E

#CBC649

#4BA6E2

#37D040

#DA3755

#EAF157

#40DA5E

#4BA6E2

#8C46CE

#4BA6E2

#9F4DDA

#F4E34C

#4FE756

#D3314C

#4BA6E2 を使ったカマイユ

#60B1EF

#60B5DF

#56A1DA

#4BA6E2

#64B7E7

#4BA6E2

#4CADDD

#55A4EA

#39B6F4

#5CA2DA

#38A1D5

#4BA6E2

#4190D0

#4FA3DF

#50B9EA

#4BA6E2 を使ったフォカマイユ

#4BA6E2

#5DBDF4

#3768BC

#3BAED8

#7ADBFE

#61BBFF

#4B79C9

#347DD5

#4BA6E2

#338ED3

#56A1C3

#578FDD

#4D91F6

#4BA6E2

#4F7DBC

#4BA6E2 を使ったドミナントカラー

#082538

#818F99

#072133

#8CC2E6

#4BA6E2

#032942

#21323D

#20303B

#5CBEFF

#4BA6E2

#758E9E

#0D334D

#354C5C

#A7C0D1

#4BA6E2 を使ったアイデンティティ

#0E5C8F

#6C9BBA

#4BA6E2

#00416B

#4BA6E2

#6A99B8

#4BA6E2

#658BA3

#015085

#4BA6E2 を使ったトライアド

#4BA6E2

#E24BA6

#A6E24B

#4BA6E2 を使ったスプリットコンプリメンタリー

#E2B94B

#4BA6E2

#E2554B

#4BA6E2 を使ったテトラード

#4BA6E2

#D34BE2

#E2874B

#5BE24B

#4BA6E2 を使ったコントラスト

#4BA6E2

#E2874B

#4BA6E2

#BCD3E2

#4BA6E2

#224B66

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

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

#4BA6E2

#4BA6E2 の色情報

#4BA6E2 の色相別色一覧

#4BA6E2 の彩度別色一覧

#4BA6E2 の明度別色一覧

#4BA6E2 を使ったトーンオントーン

#4BA6E2 を使ったトーンイントーン

#4BA6E2 を使ったカマイユ

#4BA6E2 を使ったフォカマイユ

#4BA6E2 を使ったドミナントカラー

#4BA6E2 を使ったアイデンティティ

#4BA6E2 を使ったトライアド

#4BA6E2 を使ったスプリットコンプリメンタリー

#4BA6E2 を使ったテトラード

#4BA6E2 を使ったコントラスト