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

#3C86F9 の色情報

#3C86F9

画像
HEX	#3C86F9
RGB	R:60 G:134 B:249
RGBの割合	R:23.5% G:52.5% B:97.6%
HSV	H:216.5 S:75.9 V:97.6
HSL	H:216.5 S:94.0 L:60.6
CMY	C:76.5 M:47.5 Y:2.4

CMYK	C:75.9 M:46.2 Y:0.0 K:2.4
YCbCr	Y:123.4 Cb:189.4 Cr:87.3
XYZ	X:27.5 Y:24.8 Z:93.0
xyY	x:0.189 y:0.171 Y:24.8

CIE Lab	L:56.9 a:16.3 b*:-64.0
CIE LCh	L:56.9 C:66.1 h:284.3
CIE Luv	L:56.9 u:-26.7 v*:-102.9
Hunter Lab	L:49.8 a:11.2 b:-75.7

#3C86F9 の色相別色一覧

#F9513C

#F9803C

#F9AF3C

#F9DE3C

#E5F93C

#B5F93C

#86F93C

#57F93C

#3CF951

#3CF980

#3CF9AF

#3CF9DE

#3CE5F9

#3CB5F9

#3C86F9

#3C57F9

#513CF9

#803CF9

#AF3CF9

#DE3CF9

#F93CE5

#F93CB5

#F93C86

#F93C57

#3C86F9 の彩度別色一覧

#F7F8F9

#EAF0F9

#DEE8F9

#D1E1F9

#C5D9F9

#B9D2F9

#ACCAF9

#A0C3F9

#93BBF9

#87B3F9

#7AACF9

#6EA4F9

#619DF9

#5595F9

#488EF9

#3C86F9

#307EF9

#2377F9

#176FF9

#0A68F9

#3C86F9 の明度別色一覧

#020407

#050A14

#081120

#0B182D

#0E1F3A

#112647

#142D53

#173460

#1A3B6D

#1D417A

#204886

#234F93

#2656A0

#2A5DAD

#2D64B9

#306BC6

#3371D3

#3678E0

#397FEC

#3C86F9

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

#162F5E

#0877CF

#112F80

#3C86F9

#084F94

#5877D6

#0E2C4F

#104A94

#3C86F9

#2B4A6B

#235999

#0E2E6B

#10265C

#3C86F9

#4875B8

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

#A7FC44

#4AFFBE

#FF5924

#3C86F9

#E822F4

#C6FF3B

#3C86F9

#43FF93

#E5594E

#E244FC

#FF9057

#DD20E2

#3C86F9

#9DFF38

#44F19F

#3C86F9 を使ったカマイユ

#3877F1

#447FF1

#3C86F9

#2C69F1

#3E83F6

#376FEC

#2E76EF

#2B73EC

#2F83E0

#3C86F9

#4F97FF

#4488EA

#5293FF

#2488FF

#3C86F9

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

#3C86F9

#1C62FF

#4D72FF

#1F73FF

#4575FF

#5FB0FF

#38AEFF

#1781FF

#1A46FF

#3C86F9

#64B5FF

#1556E7

#2459FF

#4AB8FF

#3C86F9

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

#7E8B9E

#1C75FF

#3C86F9

#0F3775

#182740

#5887D1

#1A6AE8

#3460A3

#3C86F9

#212F45

#3C86F9

#232B38

#2F5BA1

#3E66A3

#07295E

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

#3C86F9

#7896C4

#0A2F69

#4B5A70

#3C86F9

#3B66A8

#3C86F9

#1D61CC

#597196

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

#3C86F9

#F93C86

#86F93C

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

#F9EE3C

#3C86F9

#F9703C

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

#3C86F9

#F93CE5

#F9AF3C

#3CF951

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

#3C86F9

#F9AF3C

#3C86F9

#B9D2F9

#3C86F9

#193766

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

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

#3C86F9

#3C86F9 の色情報

#3C86F9 の色相別色一覧

#3C86F9 の彩度別色一覧

#3C86F9 の明度別色一覧

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

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

#3C86F9 を使ったカマイユ

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

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

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

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

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

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

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