#69A5E2｜カラーサイト.com

#69A5E2 の色情報

#69A5E2

画像
HEX	#69A5E2
RGB	R:105 G:165 B:226
RGBの割合	R:41.2% G:64.7% B:88.6%
HSV	H:210.2 S:53.5 V:88.6
HSL	H:210.2 S:67.6 L:64.9
CMY	C:58.8 M:35.3 Y:11.4

CMYK	C:53.5 M:27.0 Y:0.0 K:11.4
YCbCr	Y:148.3 Cb:163.7 Cr:97.3
XYZ	X:33.0 Y:35.4 Z:77.0
xyY	x:0.227 y:0.243 Y:35.4

CIE Lab	L:66.1 a:-2.3 b*:-36.7
CIE LCh	L:66.1 C:36.8 h:266.5
CIE Luv	L:66.1 u:-27.4 v*:-58.1
Hunter Lab	L:59.5 a:-5.1 b:-35.1

#69A5E2 の色相別色一覧

#E26A69

#E28869

#E2A669

#E2C469

#E2E269

#C3E269

#A5E269

#87E269

#69E26A

#69E288

#69E2A6

#69E2C4

#69E2E2

#69C3E2

#69A5E2

#6987E2

#6A69E2

#8869E2

#A669E2

#C469E2

#E269E2

#E269C3

#E269A5

#E26987

#69A5E2 の彩度別色一覧

#DADEE2

#CFD8E2

#C3D3E2

#B8CDE2

#ADC7E2

#A2C1E2

#96BCE2

#8BB6E2

#80B0E2

#74ABE2

#69A5E2

#5E9FE2

#529AE2

#4794E2

#3C8EE2

#3189E2

#2583E2

#1A7DE2

#0F77E2

#0372E2

#69A5E2 の明度別色一覧

#040709

#0A1016

#101923

#162330

#1C2C3C

#223549

#283F56

#2E4863

#34516F

#3A5B7C

#406489

#456D96

#4B76A2

#5180AF

#5789BC

#5D92C9

#639CD5

#69A5E2

#6FAEEF

#75B8FC

#69A5E2 を使ったトーンオントーン

#59759C

#69A5E2

#4B84C7

#3C5D6E

#3B4759

#327396

#6790BA

#69A5E2

#2C4169

#25384A

#69A5E2

#5D788F

#25427D

#254059

#6499C2

#69A5E2 を使ったトーンイントーン

#4BC96D

#C3CB71

#69A5E2

#EA7B8E

#C575E7

#DDF16B

#B24ACB

#69A5E2

#6ACE9C

#DD7569

#69A5E2

#53CE66

#A75AD0

#D0CB5D

#C9677D

#69A5E2 を使ったカマイユ

#5085D0

#679EC9

#6C9BDA

#589EEA

#69A5E2

#669EE5

#69A5E2

#6FA3E5

#4D8DD3

#5090D5

#76B2DD

#649BCB

#769CD0

#69A5E2

#5C99CB

#69A5E2 を使ったフォカマイユ

#6FB4D3

#5A81CB

#486DC6

#66C1F6

#69A5E2

#59BDF4

#7EB5FE

#71A7C1

#69A5E2

#4492D8

#69A5E2

#5BD1F9

#58B0FF

#8FCBEC

#4066C6

#69A5E2 を使ったドミナントカラー

#2B8DF0

#1D76D1

#69A5E2

#B7BFC7

#D8E4F0

#336AA1

#B3BDC7

#264F78

#608FBF

#69A5E2

#3574B5

#69A5E2

#125599

#323E4A

#6186AB

#69A5E2 を使ったアイデンティティ

#67819C

#69A5E2

#093B6E

#0556A8

#69A5E2

#22486E

#3675B5

#0C4075

#69A5E2

#69A5E2 を使ったトライアド

#69A5E2

#E269A5

#A5E269

#69A5E2 を使ったスプリットコンプリメンタリー

#E2CE69

#69A5E2

#E27E69

#69A5E2 を使ったテトラード

#69A5E2

#E269E2

#E2A669

#69E26A

#69A5E2 を使ったコントラスト

#69A5E2

#E2A669

#69A5E2

#DADEE2

#69A5E2

#2F4A66

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

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

#69A5E2

#69A5E2 の色情報

#69A5E2 の色相別色一覧

#69A5E2 の彩度別色一覧

#69A5E2 の明度別色一覧

#69A5E2 を使ったトーンオントーン

#69A5E2 を使ったトーンイントーン

#69A5E2 を使ったカマイユ

#69A5E2 を使ったフォカマイユ

#69A5E2 を使ったドミナントカラー

#69A5E2 を使ったアイデンティティ

#69A5E2 を使ったトライアド

#69A5E2 を使ったスプリットコンプリメンタリー

#69A5E2 を使ったテトラード

#69A5E2 を使ったコントラスト