#5C96E2｜カラーサイト.com

#5C96E2 の色情報

#5C96E2

画像
HEX	#5C96E2
RGB	R:92 G:150 B:226
RGBの割合	R:36.1% G:58.8% B:88.6%
HSV	H:214.0 S:59.3 V:88.6
HSL	H:214.0 S:69.8 L:62.4
CMY	C:63.9 M:41.2 Y:11.4

CMYK	C:59.3 M:33.6 Y:0.0 K:11.4
YCbCr	Y:137.4 Cb:169.9 Cr:97.1
XYZ	X:29.0 Y:29.6 Z:76.1
xyY	x:0.216 y:0.219 Y:29.6

CIE Lab	L:61.3 a:3.6 b*:-44.3
CIE LCh	L:61.3 C:44.4 h:274.7
CIE Luv	L:61.3 u:-25.7 v*:-70.6
Hunter Lab	L:54.4 a:0.2 b:-44.9

#5C96E2 の色相別色一覧

#E2655C

#E2875C

#E2A85C

#E2CA5C

#D9E25C

#B8E25C

#96E25C

#75E25C

#5CE265

#5CE287

#5CE2A8

#5CE2CA

#5CD9E2

#5CB8E2

#5C96E2

#5C75E2

#655CE2

#875CE2

#A85CE2

#CA5CE2

#E25CD9

#E25CB8

#E25C96

#E25C75

#5C96E2 の彩度別色一覧

#D8DCE2

#CDD6E2

#C2D0E2

#B6C9E2

#ABC3E2

#A0BCE2

#95B6E2

#89B0E2

#7EA9E2

#73A3E2

#679CE2

#5C96E2

#5190E2

#4589E2

#3A83E2

#2F7CE2

#2476E2

#1870E2

#0D69E2

#0263E2

#5C96E2 の明度別色一覧

#040609

#090F16

#0E1723

#132030

#19283C

#1E3049

#233956

#284163

#2D4A6F

#32527C

#385B89

#3D6396

#426CA2

#4774AF

#4C7DBC

#5285C9

#578ED5

#5C96E2

#619EEF

#66A7FC

#5C96E2 を使ったトーンオントーン

#224596

#6E8FBF

#5C96E2

#1B294F

#38556E

#4670C4

#2A4896

#234359

#5C96E2

#3B4D6E

#5C96E2

#293A47

#365DB0

#1A3D7D

#4F7CA3

#5C96E2 を使ったトーンイントーン

#BFDD67

#C161D0

#E54D5A

#5C96E2

#63F990

#D85E60

#57FC9C

#C1CE4B

#5C96E2

#C271DF

#CFE749

#62C97D

#D5615B

#CD53EF

#5C96E2

#5C96E2 を使ったカマイユ

#6E95DD

#5C96E2

#547CC9

#6395E7

#77A5F4

#659CD0

#4580DF

#5C96E2

#66A3EF

#5C82C9

#4285D8

#5C96E2

#57A0F4

#6FAAE5

#4988DF

#5C96E2 を使ったフォカマイユ

#447ED5

#62B0DA

#5C96E2

#5E9EC9

#5F7BD5

#739EDA

#4A62C3

#4263DD

#3E9ECB

#5C96E2

#8CCDFF

#75B3FF

#5C96E2

#5F97F6

#417CCE

#5C96E2 を使ったドミナントカラー

#5C96E2

#536D8F

#DFE7F2

#28394F

#0460D9

#5C96E2

#13396B

#CEDFF5

#1D7BF5

#2580F7

#42484F

#0C3366

#7EA8E0

#5C96E2

#0F386E

#5C96E2 を使ったアイデンティティ

#1C58A6

#5C96E2

#506580

#465973

#5C96E2

#0858C2

#506D94

#0F315E

#5C96E2

#5C96E2 を使ったトライアド

#5C96E2

#E25C96

#96E25C

#5C96E2 を使ったスプリットコンプリメンタリー

#E2D55C

#5C96E2

#E27B5C

#5C96E2 を使ったテトラード

#5C96E2

#E25CD9

#E2A85C

#5CE265

#5C96E2 を使ったコントラスト

#5C96E2

#E2A85C

#5C96E2

#CDD6E2

#5C96E2

#2A4466

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

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

#5C96E2

#5C96E2 の色情報

#5C96E2 の色相別色一覧

#5C96E2 の彩度別色一覧

#5C96E2 の明度別色一覧

#5C96E2 を使ったトーンオントーン

#5C96E2 を使ったトーンイントーン

#5C96E2 を使ったカマイユ

#5C96E2 を使ったフォカマイユ

#5C96E2 を使ったドミナントカラー

#5C96E2 を使ったアイデンティティ

#5C96E2 を使ったトライアド

#5C96E2 を使ったスプリットコンプリメンタリー

#5C96E2 を使ったテトラード

#5C96E2 を使ったコントラスト