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

#3C6EB2 の色情報

#3C6EB2

画像
HEX	#3C6EB2
RGB	R:60 G:110 B:178
RGBの割合	R:23.5% G:43.1% B:69.8%
HSV	H:214.6 S:66.3 V:69.8
HSL	H:214.6 S:49.6 L:46.7
CMY	C:76.5 M:56.9 Y:30.2

CMYK	C:66.3 M:38.2 Y:0.0 K:30.2
YCbCr	Y:104.3 Cb:165.3 Cr:101.2
XYZ	X:15.5 Y:15.3 Z:44.3
xyY	x:0.206 y:0.204 Y:15.3

CIE Lab	L:46.1 a:5.4 b*:-41.1
CIE LCh	L:46.1 C:41.5 h:277.5
CIE Luv	L:46.1 u:-20.5 v*:-62.0
Hunter Lab	L:39.1 a:2.0 b:-39.6

#3C6EB2 の色相別色一覧

#B2453C

#B2633C

#B2803C

#B29E3C

#A9B23C

#8CB23C

#6EB23C

#51B23C

#3CB245

#3CB263

#3CB280

#3CB29E

#3CA9B2

#3C8CB2

#3C6EB2

#3C51B2

#453CB2

#633CB2

#803CB2

#9E3CB2

#B23CA9

#B23C8C

#B23C6E

#B23C51

#3C6EB2 の彩度別色一覧

#B0B1B2

#A7ACB2

#9EA6B2

#95A1B2

#8C9CB2

#8397B2

#7A92B2

#718DB2

#6988B2

#6083B2

#577DB2

#4E78B2

#4573B2

#3C6EB2

#3369B2

#2A64B2

#215FB2

#1859B2

#1054B2

#074FB2

#3C6EB2 の明度別色一覧

#04080C

#080F19

#0D1726

#111F33

#15273F

#1A2F4C

#1E3759

#223F66

#274772

#2B4E7F

#2F568C

#335E99

#3866A5

#3C6EB2

#4076BF

#457ECC

#4986D8

#4D8EE5

#5195F2

#569DFF

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

#6293D1

#76B2E8

#2F4A80

#2B3B57

#3C6EB2

#1B2F57

#3D69D4

#344775

#3C6EB2

#81AAF5

#3C6EB2

#283D57

#5883EB

#20547D

#448CCF

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

#3C6EB2

#C65779

#903CBC

#4DCC5F

#BEC14D

#ACAD4C

#AD2C43

#3CA34A

#3C6EB2

#9C30C1

#2EAD38

#8438A0

#A8A330

#BA424D

#3C6EB2

#3C6EB2 を使ったカマイユ

#3C6EB2

#3C7BBC

#436FA0

#2857A0

#265CA0

#3A6AA3

#3C6EB2

#3363A0

#4D7EC6

#3278CC

#3C6EB2

#3469C9

#387CC9

#3E71AD

#306399

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

#338CCE

#4183AD

#3C6EB2

#4160B7

#455C8E

#577AD1

#2C6B8E

#2A5096

#3C6EB2

#516CBA

#3C6EB2

#374B8E

#627ACE

#2A6FB7

#22499B

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

#3475CF

#2984FF

#3B3F45

#3C6EB2

#43556E

#E1E6ED

#6C819E

#16345C

#3C6EB2

#657994

#3C6EB2

#636E7D

#3D8EFC

#235DAD

#788596

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

#1165D6

#4F6480

#3C6EB2

#5F728C

#5F91D4

#3C6EB2

#6FA5ED

#0C2F5E

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

#3C6EB2

#B23C6E

#6EB23C

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

#B2A73C

#3C6EB2

#B2593C

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

#3C6EB2

#B23CA9

#B2803C

#3CB245

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

#3C6EB2

#B2803C

#3C6EB2

#95A1B2

#3C6EB2

#569EFF

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

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

#3C6EB2

#3C6EB2 の色情報

#3C6EB2 の色相別色一覧

#3C6EB2 の彩度別色一覧

#3C6EB2 の明度別色一覧

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

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

#3C6EB2 を使ったカマイユ

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

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

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

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

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

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

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