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

#3C63E2 の色情報

#3C63E2

画像
HEX	#3C63E2
RGB	R:60 G:99 B:226
RGBの割合	R:23.5% G:38.8% B:88.6%
HSV	H:225.9 S:73.5 V:88.6
HSL	H:225.9 S:74.1 L:56.1
CMY	C:76.5 M:61.2 Y:11.4

CMYK	C:73.5 M:56.2 Y:0.0 K:11.4
YCbCr	Y:103.5 Cb:189.5 Cr:101.9
XYZ	X:20.1 Y:15.4 Z:73.9
xyY	x:0.183 y:0.141 Y:15.4

CIE Lab	L:46.1 a:29.8 b*:-68.6
CIE LCh	L:46.1 C:74.8 h:293.5
CIE Luv	L:46.1 u:-16.9 v*:-105.2
Hunter Lab	L:39.2 a:22.7 b:-84.2

#3C63E2 の色相別色一覧

#E23F3C

#E2683C

#E2923C

#E2BB3C

#E0E23C

#B6E23C

#8DE23C

#63E23C

#3CE23F

#3CE268

#3CE292

#3CE2BB

#3CE0E2

#3CB6E2

#3C8DE2

#3C63E2

#3F3CE2

#683CE2

#923CE2

#BB3CE2

#E23CE0

#E23CB6

#E23C8D

#E23C63

#3C63E2 の彩度別色一覧

#DADCE2

#CFD3E2

#C4CBE2

#B8C2E2

#ADB9E2

#A2B1E2

#96A8E2

#8BA0E2

#8097E2

#758EE2

#6986E2

#5E7DE2

#5374E2

#476CE2

#3C63E2

#315AE2

#2552E2

#1A49E2

#0F40E2

#0438E2

#3C63E2 の明度別色一覧

#020409

#060A16

#090F23

#0D1530

#101A3C

#132049

#172656

#1A2B63

#1E316F

#21367C

#243C89

#284196

#2B47A2

#2E4DAF

#3252BC

#3558C9

#395DD5

#3C63E2

#3F69EF

#436EFC

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

#0B1796

#3C63E2

#2031C2

#172178

#131847

#101857

#273178

#4A68A3

#3C63E2

#335CB3

#131645

#4D62B5

#3C63E2

#212C7D

#4B69A1

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

#9DF446

#23C9AD

#3C63E2

#D3553C

#CF37EA

#90DD32

#48CB9D

#3C63E2

#C334DD

#CE5245

#3C63E2

#24CB77

#FC313C

#D0F44D

#D54FF4

#3C63E2 を使ったカマイユ

#335DD0

#2B49D0

#3C63E2

#2A63F1

#3F70F6

#3C63E2

#495DCE

#4C76D0

#356FEC

#3E78F4

#3C6AD3

#3C63E2

#2C4DCE

#3B55D5

#3355DA

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

#161BBC

#3C63E2

#596EDA

#2B61D3

#2C7AD8

#5398FF

#5AA3F6

#3C63E2

#232EF1

#2A70D8

#3C63E2

#586EEA

#487FCB

#4B72D3

#325FCE

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

#0233D4

#3C63E2

#22293D

#263463

#527AFA

#2B3863

#3C63E2

#697BB8

#3256C9

#1D2642

#3C63E2

#8D9CCC

#2D52CC

#4E6FD9

#3E4F87

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

#3C63E2

#363E59

#1C41BA

#3C63E2

#6E82C2

#2D3A63

#3C63E2

#7E8DBD

#0C2169

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

#3C63E2

#E23C63

#63E23C

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

#D2E23C

#3C63E2

#E2843C

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

#3C63E2

#E23CB6

#E2BB3C

#3CE268

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

#3C63E2

#E2BB3C

#3C63E2

#ADB9E2

#3C63E2

#1B2D66

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

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

#3C63E2

#3C63E2 の色情報

#3C63E2 の色相別色一覧

#3C63E2 の彩度別色一覧

#3C63E2 の明度別色一覧

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

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

#3C63E2 を使ったカマイユ

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

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

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

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

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

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

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