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

#3A85A6 の色情報

#3A85A6

画像
HEX	#3A85A6
RGB	R:58 G:133 B:166
RGBの割合	R:22.7% G:52.2% B:65.1%
HSV	H:198.3 S:65.1 V:65.1
HSL	H:198.3 S:48.2 L:43.9
CMY	C:77.3 M:47.8 Y:34.9

CMYK	C:65.1 M:19.9 Y:0.0 K:34.9
YCbCr	Y:114.2 Cb:153.6 Cr:92.7
XYZ	X:17.0 Y:20.4 Z:39.1
xyY	x:0.222 y:0.267 Y:20.4

CIE Lab	L:52.3 a:-12.7 b*:-24.4
CIE LCh	L:52.3 C:27.5 h:242.6
CIE Luv	L:52.3 u:-29.6 v*:-34.8
Hunter Lab	L:45.2 a:-11.9 b:-19.7

#3A85A6 の色相別色一覧

#A6403A

#A65B3A

#A6763A

#A6913A

#A0A63A

#85A63A

#6AA63A

#4FA63A

#3AA640

#3AA65B

#3AA676

#3AA691

#3AA0A6

#3A85A6

#3A6AA6

#3A4FA6

#403AA6

#5B3AA6

#763AA6

#913AA6

#A63AA0

#A63A85

#A63A6A

#A63A4F

#3A85A6 の彩度別色一覧

#A6A6A6

#9EA3A6

#95A1A6

#8D9EA6

#859CA6

#7C99A6

#7497A6

#6C94A6

#6492A6

#5B8FA6

#538DA6

#4B8AA6

#4288A6

#3A85A6

#3282A6

#2980A6

#217DA6

#197BA6

#1178A6

#0876A6

#3A85A6 の明度別色一覧

#000000

#050A0D

#09151A

#0D1F27

#122933

#163340

#1B3D4D

#1F485A

#245266

#285C73

#2D6680

#31718D

#367B99

#3A85A6

#3E8FB3

#4399C0

#47A4CC

#4CAED9

#50B8E6

#55C2F3

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

#264E70

#283E52

#6ABCF7

#64A7C4

#3A85A6

#40ABC7

#345D70

#2C4752

#3A85A6

#29C9F2

#3A85A6

#26798C

#103547

#84C7F5

#175980

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

#662CAB

#55A346

#3A85A6

#A97B2A

#9E426D

#2C943D

#3A85A6

#7932C0

#92314C

#B39C49

#B04D67

#47B373

#3A85A6

#6F4399

#A1AB48

#3A85A6 を使ったカマイユ

#398CB3

#3D7C9C

#3A85A6

#4287A1

#347DA9

#4784A9

#3E7A97

#35788F

#3A85A6

#3E7494

#3F7D9E

#3A7794

#448197

#308AC0

#3A85A6

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

#3C89BD

#2882C0

#4272A1

#43A9B5

#3A85A6

#50B3CC

#3E6382

#428DB3

#5DC4CA

#3A85A6

#519BB0

#497794

#329BC2

#318BCC

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

#08445E

#106387

#3B758F

#ACDDF2

#3A85A6

#3799C4

#B3BFC4

#3A85A6

#1F5973

#40C5FF

#32728F

#5AA4C4

#3A85A6

#53A5C9

#1F323B

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

#3A85A6

#31596B

#2AA0D4

#21AFED

#476470

#3A85A6

#8CBED4

#13465C

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

#3A85A6

#A63A85

#85A63A

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

#A67F3A

#3A85A6

#A63A3D

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

#3A85A6

#913AA6

#A65B3A

#4FA63A

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

#3A85A6

#A65B3A

#3A85A6

#8D9EA6

#3A85A6

#59CCFF

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

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

#3A85A6

#3A85A6 の色情報

#3A85A6 の色相別色一覧

#3A85A6 の彩度別色一覧

#3A85A6 の明度別色一覧

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

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

#3A85A6 を使ったカマイユ

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

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

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

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

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

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

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