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

#3A8695 の色情報

#3A8695

画像
HEX	#3A8695
RGB	R:58 G:134 B:149
RGBの割合	R:22.7% G:52.5% B:58.4%
HSV	H:189.9 S:61.1 V:58.4
HSL	H:189.9 S:44.0 L:40.6
CMY	C:77.3 M:47.5 Y:41.6

CMYK	C:61.1 M:10.1 Y:0.0 K:41.6
YCbCr	Y:113.0 Cb:145.8 Cr:93.6
XYZ	X:15.7 Y:20.1 Z:31.5
xyY	x:0.233 y:0.299 Y:20.1

CIE Lab	L:52.0 a:-18.7 b*:-15.1
CIE LCh	L:52.0 C:24.0 h:218.9
CIE Luv	L:52.0 u:-30.8 v*:-19.4
Hunter Lab	L:44.9 a:-16.0 b:-10.2

#3A8695 の色相別色一覧

#95493A

#95603A

#95773A

#958D3A

#86953A

#6F953A

#59953A

#42953A

#3A9549

#3A9560

#3A9577

#3A958D

#3A8695

#3A6F95

#3A5995

#3A4295

#493A95

#603A95

#773A95

#8D3A95

#953A86

#953A6F

#953A59

#953A42

#3A8695 の彩度別色一覧

#939595

#8C9495

#859295

#7D9195

#769095

#6E8F95

#678D95

#5F8C95

#588B95

#508A95

#498895

#418795

#3A8695

#338595

#2B8495

#248295

#1C8195

#158095

#0D7F95

#067D95

#3A8695 の明度別色一覧

#030809

#081316

#0D1F22

#122A2F

#17363C

#1C4149

#214D55

#265862

#2B646F

#306F7C

#357B88

#3A8695

#3F91A2

#449DAF

#49A8BB

#4EB4C8

#53BFD5

#58CBE2

#5DD6EE

#62E2FB

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

#2B85B3

#3A8695

#1A3847

#3CCCD6

#6FC6ED

#3A8695

#294E4F

#43E4F0

#65AFC9

#33A8B0

#3A8695

#186E78

#5AD2FA

#193F47

#3CC3C7

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

#4DAC4A

#3A8695

#A99331

#5633A9

#7C365B

#8D7231

#A2416C

#3A8695

#5A3288

#2F7E2A

#52A445

#543C88

#3A8695

#9D6830

#A2477F

#3A8695 を使ったカマイユ

#346E7C

#408692

#3A8695

#459DAC

#2B7B83

#3791A7

#3A8695

#296F7C

#3F98AC

#428692

#3891AF

#3A8695

#417D8D

#2A7A8D

#3D8A92

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

#2A7AAF

#3C7D83

#4C7E9F

#3A8695

#3D5F76

#1D6671

#327BA2

#225E88

#3A8695

#458D8B

#518BB4

#36A49D

#28686F

#3AA8AC

#3A8695

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

#216C7A

#146E80

#3EACC2

#3A8695

#434D4F

#91BCC4

#44B4C9

#0E3C45

#18B9D9

#3A8695

#2F7987

#475659

#486C73

#213B40

#3A8695

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

#6FA5B0

#2FCCEB

#3A8695

#035161

#3A8695

#8EDEED

#3A8695

#345C63

#20B8D6

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

#3A8695

#953A86

#86953A

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

#95673A

#3A8695

#953A49

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

#3A8695

#773A95

#95493A

#59953A

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

#3A8695

#95493A

#3A8695

#859295

#3A8695

#63E5FF

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

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

#3A8695

#3A8695 の色情報

#3A8695 の色相別色一覧

#3A8695 の彩度別色一覧

#3A8695 の明度別色一覧

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

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

#3A8695 を使ったカマイユ

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

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

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

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

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

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

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