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

#3C85A2 の色情報

#3C85A2

画像
HEX	#3C85A2
RGB	R:60 G:133 B:162
RGBの割合	R:23.5% G:52.2% B:63.5%
HSV	H:197.1 S:63.0 V:63.5
HSL	H:197.1 S:45.9 L:43.5
CMY	C:76.5 M:47.8 Y:36.5

CMYK	C:63.0 M:17.9 Y:0.0 K:36.5
YCbCr	Y:114.3 Cb:151.5 Cr:93.9
XYZ	X:16.8 Y:20.3 Z:37.2
xyY	x:0.226 y:0.274 Y:20.3

CIE Lab	L:52.2 a:-13.6 b*:-22.2
CIE LCh	L:52.2 C:26.1 h:238.5
CIE Luv	L:52.2 u:-29.3 v*:-31.3
Hunter Lab	L:45.1 a:-12.6 b:-17.4

#3C85A2 の色相別色一覧

#A2403C

#A2593C

#A2733C

#A28C3C

#9FA23C

#85A23C

#6CA23C

#52A23C

#3CA240

#3CA259

#3CA273

#3CA28C

#3C9FA2

#3C85A2

#3C6CA2

#3C52A2

#403CA2

#593CA2

#733CA2

#8C3CA2

#A23C9F

#A23C85

#A23C6C

#A23C52

#3C85A2 の彩度別色一覧

#9DA1A2

#959EA2

#8D9CA2

#859AA2

#7D97A2

#7595A2

#6D93A2

#6591A2

#5C8EA2

#548CA2

#4C8AA2

#4487A2

#3C85A2

#3483A2

#2C80A2

#247EA2

#1C7CA2

#1479A2

#0B77A2

#0375A2

#3C85A2 の明度別色一覧

#030709

#081216

#0D1C23

#12272F

#16313C

#1B3C49

#204656

#245162

#295B6F

#2E667C

#337089

#377B95

#3C85A2

#418FAF

#459ABC

#4AA4C8

#4FAFD5

#54B9E2

#58C4EF

#5DCEFB

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

#3C85A2

#1A597D

#67B7C2

#299FE3

#135159

#294047

#57D2E6

#15546E

#76A7CF

#3C85A2

#41CCF2

#3C85A2

#3B556B

#11495C

#6FB0D1

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

#953967

#573589

#3C85A2

#569330

#A5733A

#3C85A2

#9A2E47

#6D3C8B

#448B41

#9F9A4B

#8B3146

#72479D

#3C85A2

#318B50

#ABB431

#3C85A2 を使ったカマイユ

#3C85A2

#317490

#3E91AC

#4891A7

#368DB9

#3C7B9D

#2A739A

#3C85A2

#4799BC

#3E8698

#4F95BC

#3387B1

#3E8198

#3C85A2

#448EAA

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

#2FA0B4

#346C86

#3C85A2

#4EB8BE

#1F5D89

#328B93

#548FBC

#3E9CB6

#3C85A2

#3D9FC3

#468B93

#5DB9BE

#317AC3

#4BABBC

#3C85A2

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

#0F7FAB

#4C646E

#63CDF7

#042D3D

#3C85A2

#374A52

#518FA8

#ACD7E8

#4C6670

#3C85A2

#32B8ED

#78888F

#2D3538

#3C85A2

#37C2FA

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

#36535E

#02AAED

#3C85A2

#315361

#3C85A2

#31ADDE

#3C85A2

#5A7782

#1ABEFF

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

#3C85A2

#A23C85

#85A23C

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

#A27B3C

#3C85A2

#A23C41

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

#3C85A2

#8C3CA2

#A2593C

#52A23C

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

#3C85A2

#A2593C

#3C85A2

#8D9CA2

#3C85A2

#5ED1FF

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

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

#3C85A2

#3C85A2 の色情報

#3C85A2 の色相別色一覧

#3C85A2 の彩度別色一覧

#3C85A2 の明度別色一覧

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

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

#3C85A2 を使ったカマイユ

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

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

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

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

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

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

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