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

#3C63B2 の色情報

#3C63B2

画像
HEX	#3C63B2
RGB	R:60 G:99 B:178
RGBの割合	R:23.5% G:38.8% B:69.8%
HSV	H:220.2 S:66.3 V:69.8
HSL	H:220.2 S:49.6 L:46.7
CMY	C:76.5 M:61.2 Y:30.2

CMYK	C:66.3 M:44.4 Y:0.0 K:30.2
YCbCr	Y:98.8 Cb:168.5 Cr:105.3
XYZ	X:14.4 Y:13.1 Z:43.9
xyY	x:0.201 y:0.184 Y:13.1

CIE Lab	L:42.9 a:12.4 b*:-46.2
CIE LCh	L:42.9 C:47.8 h:285.0
CIE Luv	L:42.9 u:-16.9 v*:-69.2
Hunter Lab	L:36.2 a:7.5 b:-46.6

#3C63B2 の色相別色一覧

#B2503C

#B26E3C

#B28B3C

#B2A93C

#9EB23C

#81B23C

#63B23C

#46B23C

#3CB250

#3CB26E

#3CB28B

#3CB2A9

#3C9EB2

#3C81B2

#3C63B2

#3C46B2

#503CB2

#6E3CB2

#8B3CB2

#A93CB2

#B23C9E

#B23C81

#B23C63

#B23C46

#3C63B2 の彩度別色一覧

#B0B0B2

#A7ABB2

#9EA5B2

#959FB2

#8C99B2

#8393B2

#7A8DB2

#7187B2

#6981B2

#607BB2

#5775B2

#4E6FB2

#4569B2

#3C63B2

#335DB2

#2A57B2

#2151B2

#184BB2

#1045B2

#073FB2

#3C63B2 の明度別色一覧

#04070C

#080E19

#0D1526

#111C33

#15233F

#1A2A4C

#1E3159

#223866

#274072

#2B477F

#2F4E8C

#335599

#385CA5

#3C63B2

#406ABF

#4571CC

#4978D8

#4D7FE5

#5186F2

#568EFF

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

#203E80

#3778CF

#657EED

#3C63B2

#233445

#4D6A91

#112A6E

#3C63B2

#0A2347

#5EA9FA

#70A3EB

#252D52

#1E2E69

#3C63B2

#6B8AD4

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

#A02BB5

#992626

#A7C653

#3C63B2

#41BC6B

#44A84B

#C94A5F

#C4BA46

#962EB5

#3C63B2

#7BAF38

#A3553D

#39C194

#3C63B2

#8A2C99

#3C63B2 を使ったカマイユ

#4C67AD

#314B9B

#3C63B2

#3064BA

#2F5D9E

#435DA0

#425C9E

#4477BF

#3C63B2

#315B9B

#4264A3

#366ACC

#3C63B2

#375ABA

#4D7BCC

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

#25659B

#386791

#3C63B2

#3270A8

#2B54C6

#41699B

#3A83BC

#5974D6

#1E2D91

#3C63B2

#3D5DD3

#3058BC

#2E66C9

#3C63B2

#2B5ABF

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

#4B4E54

#213152

#2C2F36

#3C63B2

#3463C2

#C8D2E8

#0A4CD1

#182745

#3C63B2

#7088B8

#3C63B2

#284A8F

#465166

#CCD5E8

#5A6170

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

#01297A

#3C63B2

#80A6F2

#3C63B2

#0045D1

#344870

#445475

#3C63B2

#2A69E8

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

#3C63B2

#B23C63

#63B23C

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

#B2B23C

#3C63B2

#B2643C

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

#3C63B2

#B23C9E

#B28B3C

#3CB250

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

#3C63B2

#B28B3C

#3C63B2

#959FB2

#3C63B2

#568EFF

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

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

#3C63B2

#3C63B2 の色情報

#3C63B2 の色相別色一覧

#3C63B2 の彩度別色一覧

#3C63B2 の明度別色一覧

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

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

#3C63B2 を使ったカマイユ

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

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

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

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

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

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

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