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

#3C84D2 の色情報

#3C84D2

画像
HEX	#3C84D2
RGB	R:60 G:132 B:210
RGBの割合	R:23.5% G:51.8% B:82.4%
HSV	H:211.2 S:71.4 V:82.4
HSL	H:211.2 S:62.5 L:52.9
CMY	C:76.5 M:48.2 Y:17.6

CMYK	C:71.4 M:37.1 Y:0.0 K:17.6
YCbCr	Y:118.5 Cb:172.9 Cr:90.9
XYZ	X:21.7 Y:22.1 Z:64.1
xyY	x:0.201 y:0.205 Y:22.1

CIE Lab	L:54.1 a:3.4 b*:-46.7
CIE LCh	L:54.1 C:46.8 h:274.2
CIE Luv	L:54.1 u:-27.1 v*:-72.9
Hunter Lab	L:47.0 a:0.2 b:-47.9

#3C84D2 の色相別色一覧

#D23F3C

#D2653C

#D28A3C

#D2B03C

#CFD23C

#AAD23C

#84D23C

#5FD23C

#3CD23F

#3CD265

#3CD28A

#3CD2B0

#3CCFD2

#3CAAD2

#3C84D2

#3C5FD2

#3F3CD2

#653CD2

#8A3CD2

#B03CD2

#D23CCF

#D23CAA

#D23C84

#D23C5F

#3C84D2 の彩度別色一覧

#CFD0D2

#C5CBD2

#BAC6D2

#B0C0D2

#A5BBD2

#9BB5D2

#90B0D2

#86AAD2

#7BA5D2

#719FD2

#669AD2

#5C94D2

#518FD2

#4789D2

#3C84D2

#327FD2

#2779D2

#1D74D2

#126ED2

#0869D2

#3C84D2 の明度別色一覧

#020406

#050C13

#091420

#0D1C2C

#102439

#142C46

#183453

#1B3C5F

#1F446C

#234C79

#265486

#2A5C92

#2D649F

#316CAC

#3574B9

#387CC5

#3C84D2

#408CDF

#4394EC

#479CF8

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

#193045

#14567A

#3C84D2

#445F9C

#4CA5F0

#233547

#365599

#5484B5

#3C84D2

#305D75

#123269

#3C84D2

#1A4C9E

#143245

#599BF2

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

#31E157

#9426BB

#3C84D2

#DFEC38

#DF4B6A

#D5525C

#A0C04A

#52E1A1

#B546EC

#3C84D2

#DF2E57

#8842C0

#29C03E

#E1C349

#3C84D2 を使ったカマイユ

#3888E4

#4B8FDF

#3B78D5

#3C84D2

#2966BE

#599AE6

#3194E1

#3C84D2

#2B6DB9

#3C83C5

#2C8CD7

#3C84D2

#3476CD

#378CE1

#5695E4

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

#439DBE

#3C84D2

#3C93B9

#204DAE

#1F4EC8

#5B87F8

#4A7DC5

#4C68B6

#3C84D2

#2250DC

#439BC8

#2B5FB9

#507AE6

#3C84D2

#2E72AE

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

#00264F

#7F96B0

#3C84D2

#516882

#4A6C91

#406B99

#5A9AE0

#4588D1

#7489A1

#3C84D2

#323436

#4278B3

#AAD0FA

#7BB2ED

#3C84D2

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

#0D4E94

#3C84D2

#547291

#3C84D2

#5E81A6

#164578

#49617A

#3C84D2

#175AA3

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

#3C84D2

#D23C84

#84D23C

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

#D2BC3C

#3C84D2

#D2583C

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

#3C84D2

#D23CCF

#D28A3C

#3CD23F

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

#3C84D2

#D28A3C

#3C84D2

#A5BBD2

#3C84D2

#1D4066

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

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

#3C84D2

#3C84D2 の色情報

#3C84D2 の色相別色一覧

#3C84D2 の彩度別色一覧

#3C84D2 の明度別色一覧

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

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

#3C84D2 を使ったカマイユ

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

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

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

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

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

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

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