#3A85E2｜カラーサイト.com

#3A85E2 の色情報

#3A85E2

画像
HEX	#3A85E2
RGB	R:58 G:133 B:226
RGBの割合	R:22.7% G:52.2% B:88.6%
HSV	H:213.2 S:74.3 V:88.6
HSL	H:213.2 S:74.3 L:55.7
CMY	C:77.3 M:47.8 Y:11.4

CMYK	C:74.3 M:41.2 Y:0.0 K:11.4
YCbCr	Y:120.1 Cb:179.9 Cr:88.5
XYZ	X:23.9 Y:23.2 Z:75.2
xyY	x:0.195 y:0.190 Y:23.2

CIE Lab	L:55.2 a:8.3 b*:-53.9
CIE LCh	L:55.2 C:54.6 h:278.8
CIE Luv	L:55.2 u:-27.3 v*:-85.5
Hunter Lab	L:48.1 a:4.3 b:-58.9

#3A85E2 の色相別色一覧

#E2433A

#E26D3A

#E2973A

#E2C13A

#D9E23A

#AFE23A

#85E23A

#5BE23A

#3AE243

#3AE26D

#3AE297

#3AE2C1

#3AD9E2

#3AAFE2

#3A85E2

#3A5BE2

#433AE2

#6D3AE2

#973AE2

#C13AE2

#E23AD9

#E23AAF

#E23A85

#E23A5B

#3A85E2 の彩度別色一覧

#D8DDE2

#CDD6E2

#C2D0E2

#B6CAE2

#ABC4E2

#A0BDE2

#94B7E2

#89B1E2

#7EABE2

#73A4E2

#679EE2

#5C98E2

#5192E2

#458BE2

#3A85E2

#2F7FE2

#2378E2

#1872E2

#0D6CE2

#0266E2

#3A85E2 の明度別色一覧

#020509

#060D16

#091423

#0C1C30

#0F233C

#132B49

#163256

#193A63

#1D416F

#20497C

#235089

#265896

#2A5FA2

#2D67AF

#306EBC

#3376C9

#377DD5

#3A85E2

#3D8DEF

#4194FC

#3A85E2 を使ったトーンオントーン

#145C9C

#316CC7

#354E7D

#3A85E2

#0E3457

#1B3D7A

#132C54

#3274C2

#345E91

#3A85E2

#203C54

#1B4C7D

#2187C7

#3A85E2

#0A5D91

#3A85E2 を使ったトーンイントーン

#911FC9

#EF315A

#28D849

#C9C243

#3A85E2

#D82F48

#3A85E2

#25D35D

#DCF443

#C040DF

#B24DF4

#D0254C

#32CB30

#3A85E2

#CEC020

#3A85E2 を使ったカマイユ

#4488F6

#5292FC

#2779F6

#3A85E2

#2767D0

#5592EF

#359CF6

#3386D0

#3A85E2

#3972D5

#4988EF

#4C9CF9

#559CFC

#3A85E2

#468BD5

#3A85E2 を使ったフォカマイユ

#387FBE

#4195EA

#3A85E2

#2D7AE7

#4B7DEC

#4269CB

#3A85E2

#508DC6

#157CC6

#65C0FE

#204DCB

#2352FF

#1567C6

#3A85E2

#5B7EFF

#3A85E2 を使ったドミナントカラー

#112136

#464B52

#3A85E2

#656C75

#3188F5

#37383B

#414E5E

#8CA3BF

#2B8AFF

#3A85E2

#0D2038

#3A85E2

#3E526B

#546478

#3E7DC9

#3A85E2 を使ったアイデンティティ

#33537A

#8ABEFF

#3A85E2

#0955B3

#5E7591

#3A85E2

#0F4991

#6D87A6

#3A85E2

#3A85E2 を使ったトライアド

#3A85E2

#E23A85

#85E23A

#3A85E2 を使ったスプリットコンプリメンタリー

#E2CF3A

#3A85E2

#E25F3A

#3A85E2 を使ったテトラード

#3A85E2

#E23AD9

#E2973A

#3AE243

#3A85E2 を使ったコントラスト

#3A85E2

#E2973A

#3A85E2

#ABC4E2

#3A85E2

#1A3C66

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

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

#3A85E2

#3A85E2 の色情報

#3A85E2 の色相別色一覧

#3A85E2 の彩度別色一覧

#3A85E2 の明度別色一覧

#3A85E2 を使ったトーンオントーン

#3A85E2 を使ったトーンイントーン

#3A85E2 を使ったカマイユ

#3A85E2 を使ったフォカマイユ

#3A85E2 を使ったドミナントカラー

#3A85E2 を使ったアイデンティティ

#3A85E2 を使ったトライアド

#3A85E2 を使ったスプリットコンプリメンタリー

#3A85E2 を使ったテトラード

#3A85E2 を使ったコントラスト