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

#3A6BB2 の色情報

#3A6BB2

画像
HEX	#3A6BB2
RGB	R:58 G:107 B:178
RGBの割合	R:22.7% G:42.0% B:69.8%
HSV	H:215.5 S:67.4 V:69.8
HSL	H:215.5 S:50.8 L:46.3
CMY	C:77.3 M:58.0 Y:30.2

CMYK	C:67.4 M:39.9 Y:0.0 K:30.2
YCbCr	Y:102.3 Cb:166.4 Cr:101.4
XYZ	X:15.0 Y:14.6 Z:44.2
xyY	x:0.204 y:0.198 Y:14.6

CIE Lab	L:45.1 a:7.0 b*:-42.7
CIE LCh	L:45.1 C:43.2 h:279.3
CIE Luv	L:45.1 u:-19.9 v*:-64.2
Hunter Lab	L:38.2 a:3.2 b:-41.7

#3A6BB2 の色相別色一覧

#B2453A

#B2633A

#B2813A

#B29F3A

#A7B23A

#89B23A

#6BB23A

#4DB23A

#3AB245

#3AB263

#3AB281

#3AB29F

#3AA7B2

#3A89B2

#3A6BB2

#3A4DB2

#453AB2

#633AB2

#813AB2

#9F3AB2

#B23AA7

#B23A89

#B23A6B

#B23A4D

#3A6BB2 の彩度別色一覧

#AEAFB2

#A5AAB2

#9CA5B2

#93A0B2

#8A9AB2

#8195B2

#7890B2

#6F8BB2

#6785B2

#5E80B2

#557BB2

#4C76B2

#4370B2

#3A6BB2

#3166B2

#2860B2

#1F5BB2

#1656B2

#0E51B2

#054BB2

#3A6BB2 の明度別色一覧

#04070C

#080F19

#0C1726

#101E33

#15263F

#192E4C

#1D3559

#213D66

#254572

#294C7F

#2E548C

#325C99

#3663A5

#3A6BB2

#3E73BF

#427ACC

#4682D8

#4B8AE5

#4F91F2

#5399FF

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

#1B468C

#2C425C

#2971E8

#3A6BB2

#0F3678

#144473

#5173D6

#6A8DF2

#0C3859

#3A6BB2

#182345

#133578

#426994

#3161ED

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

#3DB57C

#3A6BB2

#9C2FC9

#BA3B4B

#84992C

#3A6BB2

#9FAD3F

#BA3348

#8434B5

#51C482

#3AA340

#3A6BB2

#842CB5

#AD9D2C

#A8415A

#3A6BB2 を使ったカマイユ

#4280C4

#3775BA

#3A6BB2

#457BB7

#4E81BC

#3A6BB2

#4975BA

#3058AD

#2C5E99

#437DBC

#3A6BB2

#254C9E

#4180C1

#487CC4

#3D64B5

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

#2B73AD

#3576BF

#3067A3

#516EAA

#3A6BB2

#203BB7

#3B729E

#224891

#3A6BB2

#275793

#2A67D6

#5668BC

#3A6BB2

#4D66A3

#3062D3

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

#0A244A

#484E57

#3A6BB2

#101F36

#3A75C9

#7B95BA

#7489A8

#1F3657

#3A6BB2

#3F7CD4

#36588A

#3A6BB2

#748CAD

#49505C

#C7DDFC

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

#86A8D9

#3A6BB2

#0A408F

#3A6BB2

#50698C

#296DCF

#3A6BB2

#043275

#77A2E0

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

#3A6BB2

#B23A6B

#6BB23A

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

#B2A93A

#3A6BB2

#B2593A

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

#3A6BB2

#B23AA7

#B2813A

#3AB245

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

#3A6BB2

#B2813A

#3A6BB2

#93A0B2

#3A6BB2

#5399FF

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

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

#3A6BB2

#3A6BB2 の色情報

#3A6BB2 の色相別色一覧

#3A6BB2 の彩度別色一覧

#3A6BB2 の明度別色一覧

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

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

#3A6BB2 を使ったカマイユ

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

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

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

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

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

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

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