#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 を使ったトーンオントーン

#182547

#698AC2

#5F96E2

#273869

#3B5E8F

#5F96E2

#485E99

#6485B0

#1C3370

#26445C

#1A3057

#5F96E2

#3452A3

#5D86BA

#2D4670

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

#48D346

#C376E7

#EF5872

#5F96E2

#DACC51

#AE47CB

#C96B68

#CFF97A

#5F96E2

#51F4C0

#E07DF9

#5F96E2

#F15250

#ABCE52

#5DE79D

#5F96E2 を使ったカマイユ

#5F96E2

#588CF4

#5082D8

#74A0E7

#5EA2EA

#6488CB

#4C84E5

#65A5EA

#5E90C9

#5F96E2

#80B8F6

#5184D5

#6197F9

#6189CE

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

#8FB3FF

#5F96E2

#7ACFFF

#5EAAFF

#5C99BC

#658FC6

#91BAFF

#5F96E2

#879FFE

#438BD8

#5F96E2

#77B5D8

#4C7FD8

#6A81C9

#6F8FF6

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

#5C7394

#4F96F7

#5F96E2

#3B66A1

#10284A

#5F96E2

#2278F0

#236BCF

#5E6C80

#1968D4

#848D99

#5F96E2

#7C8694

#263952

#2A3442

#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 を使ったコントラスト