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

#5F99E2 の色情報

#5F99E2

画像
HEX	#5F99E2
RGB	R:95 G:153 B:226
RGBの割合	R:37.3% G:60.0% B:88.6%
HSV	H:213.4 S:58.0 V:88.6
HSL	H:213.4 S:69.3 L:62.9
CMY	C:62.7 M:40.0 Y:11.4

CMYK	C:58.0 M:32.3 Y:0.0 K:11.4
YCbCr	Y:139.7 Cb:168.6 Cr:97.4
XYZ	X:29.8 Y:30.7 Z:76.3
xyY	x:0.218 y:0.224 Y:30.7

CIE Lab	L:62.3 a:2.5 b*:-42.7
CIE LCh	L:62.3 C:42.8 h:273.3
CIE Luv	L:62.3 u:-25.9 v*:-68.1
Hunter Lab	L:55.4 a:-0.9 b:-42.9

#5F99E2 の色相別色一覧

#E2675F

#E2875F

#E2A85F

#E2C95F

#DBE25F

#BAE25F

#99E25F

#78E25F

#5FE267

#5FE287

#5FE2A8

#5FE2C9

#5FDBE2

#5FBAE2

#5F99E2

#5F78E2

#675FE2

#875FE2

#A85FE2

#C95FE2

#E25FDB

#E25FBA

#E25F99

#E25F78

#5F99E2 の彩度別色一覧

#DBDEE2

#D0D8E2

#C5D2E2

#B9CBE2

#AEC5E2

#A3BFE2

#98B8E2

#8CB2E2

#81ACE2

#76A6E2

#6A9FE2

#5F99E2

#5493E2

#488CE2

#3D86E2

#3280E2

#277AE2

#1B73E2

#106DE2

#0567E2

#5F99E2 の明度別色一覧

#040609

#090F16

#0F1823

#142030

#19293C

#1F3149

#243A56

#294363

#2F4B6F

#34547C

#395D89

#3F6596

#446EA2

#4A76AF

#4F7FBC

#5488C9

#5A90D5

#5F99E2

#64A2EF

#6AAAFC

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

#21426B

#6084C4

#5F99E2

#4D6891

#2C3647

#5F99E2

#406080

#6988C7

#142D4D

#567496

#2F4273

#3260BF

#5F99E2

#334A5C

#3B6594

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

#4FCB61

#E7EC71

#CB6060

#EB5EF6

#5F99E2

#EC6D79

#59DF87

#D9E74C

#5F99E2

#D254F6

#5F99E2

#4EC988

#BB65E5

#B6C946

#EF6981

#5F99E2 を使ったカマイユ

#4E8EE5

#5F99E2

#528DEA

#77ACEA

#5E9AF6

#467FD3

#5882C9

#6999EF

#5F99E2

#488BDA

#74ADDF

#5799F9

#4683D5

#5F99E2

#6CAEEA

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

#86CEEF

#5F99E2

#5990C1

#3690C6

#356AC3

#47B9F4

#3F5CD3

#7E93EA

#4B66BC

#5F99E2

#46A2CE

#62A4C1

#75BEFF

#5F99E2

#8CB0FF

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

#5F99E2

#1D406E

#637994

#DDE5F0

#548BD1

#41454A

#87B2E8

#5F99E2

#7699C4

#0C76FA

#1C3759

#5F99E2

#02244F

#95A9C2

#1D3554

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

#5F99E2

#286EC7

#22497A

#404F63

#5F99E2

#0858BD

#004FB3

#364A63

#5F99E2

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

#5F99E2

#E25F99

#99E25F

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

#E2D45F

#5F99E2

#E27C5F

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

#5F99E2

#E25FDB

#E2A85F

#5FE267

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

#5F99E2

#E2A85F

#5F99E2

#D0D8E2

#5F99E2

#2B4566

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

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

#5F99E2

#5F99E2 の色情報

#5F99E2 の色相別色一覧

#5F99E2 の彩度別色一覧

#5F99E2 の明度別色一覧

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

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

#5F99E2 を使ったカマイユ

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

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

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

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

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

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

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