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

#5F96E2 の色情報

#5F96E2

画像
HEX	#5F96E2
RGB	R:95 G:150 B:226
RGBの割合	R:37.3% G:58.8% B:88.6%
HSV	H:214.8 S:58.0 V:88.6
HSL	H:214.8 S:69.3 L:62.9
CMY	C:62.7 M:41.2 Y:11.4

CMYK	C:58.0 M:33.6 Y:0.0 K:11.4
YCbCr	Y:138.2 Cb:169.5 Cr:98.5
XYZ	X:29.4 Y:29.7 Z:76.1
xyY	x:0.217 y:0.220 Y:29.7

CIE Lab	L:61.4 a:4.2 b*:-44.0
CIE LCh	L:61.4 C:44.2 h:275.5
CIE Luv	L:61.4 u:-24.9 v*:-70.3
Hunter Lab	L:54.5 a:0.7 b:-44.6

#5F96E2 の色相別色一覧

#E26A5F

#E28A5F

#E2AB5F

#E2CC5F

#D8E25F

#B7E25F

#96E25F

#75E25F

#5FE26A

#5FE28A

#5FE2AB

#5FE2CC

#5FD8E2

#5FB7E2

#5F96E2

#5F75E2

#6A5FE2

#8A5FE2

#AB5FE2

#CC5FE2

#E25FD8

#E25FB7

#E25F96

#E25F75

#5F96E2 の彩度別色一覧

#DBDEE2

#D0D8E2

#C5D1E2

#B9CAE2

#AEC4E2

#A3BDE2

#98B7E2

#8CB0E2

#81AAE2

#76A3E2

#6A9DE2

#5F96E2

#548FE2

#4889E2

#3D82E2

#327CE2

#2775E2

#1B6FE2

#1068E2

#0562E2

#5F96E2 の明度別色一覧

#040609

#090F16

#0F1723

#142030

#19283C

#1F3049

#243956

#294163

#2F4A6F

#34527C

#395B89

#3F6396

#446CA2

#4A74AF

#4F7DBC

#5485C9

#5A8ED5

#5F96E2

#649EEF

#6AA7FC

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

#5F96E2

#2B679E

#6E93BA

#142945

#214C80

#6288C4

#5F96E2

#59779C

#172645

#3A4D6B

#4F6BB3

#456B96

#1F2E47

#5F96E2

#2A4A70

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

#70EFC8

#EC8676

#B156C9

#B6E570

#5F96E2

#C568D8

#5F96E2

#DF7259

#5EE5C0

#ADD566

#63E79E

#D77CEF

#F98D78

#5F96E2

#BFEA7A

#5F96E2 を使ったカマイユ

#5F96E2

#5CA2F1

#5489EA

#6E9BEF

#688CCB

#5998EA

#7295DA

#6C9AD0

#688CCB

#5F96E2

#6AA3E7

#4586CB

#7BABFC

#7AB8F9

#5F96E2

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

#77ACEF

#5F96E2

#788BD3

#5FA0D8

#5C7AF1

#5F96E2

#4C9EEF

#51A7D5

#7993F1

#56BCFC

#5F96E2

#8FA4FF

#3F94BE

#7A9DDD

#3F63D0

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

#132C4F

#69A2F0

#8FB9F2

#4D698F

#5F96E2

#4C4E52

#6484B0

#3789FA

#5F96E2

#3C5F8F

#535659

#126AE3

#5F96E2

#424447

#19509C

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

#0657C7

#5F96E2

#4B6282

#1F4E8F

#6B7E99

#5F96E2

#556985

#265AA3

#5F96E2

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

#5F96E2

#E25F96

#96E25F

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

#E2D75F

#5F96E2

#E27F5F

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

#5F96E2

#E25FD8

#E2AB5F

#5FE26A

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

#5F96E2

#E2AB5F

#5F96E2

#D0D8E2

#5F96E2

#2B4466

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

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

#5F96E2

#5F96E2 の色情報

#5F96E2 の色相別色一覧

#5F96E2 の彩度別色一覧

#5F96E2 の明度別色一覧

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

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

#5F96E2 を使ったカマイユ

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

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

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

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

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

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

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