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

#3A6B85 の色情報

#3A6B85

画像
HEX	#3A6B85
RGB	R:58 G:107 B:133
RGBの割合	R:22.7% G:42.0% B:52.2%
HSV	H:200.8 S:56.4 V:52.2
HSL	H:200.8 S:39.3 L:37.5
CMY	C:77.3 M:58.0 Y:47.8

CMYK	C:56.4 M:19.5 Y:0.0 K:47.8
YCbCr	Y:97.9 Cb:146.7 Cr:104.6
XYZ	X:11.2 Y:13.1 Z:24.1
xyY	x:0.232 y:0.270 Y:13.1

CIE Lab	L:42.9 a:-8.6 b*:-19.4
CIE LCh	L:42.9 C:21.3 h:246.1
CIE Luv	L:42.9 u:-21.0 v*:-26.4
Hunter Lab	L:36.2 a:-8.0 b:-14.2

#3A6B85 の色相別色一覧

#85413A

#85543A

#85673A

#857A3A

#7E853A

#6B853A

#58853A

#46853A

#3A8541

#3A8554

#3A8567

#3A857A

#3A7E85

#3A6B85

#3A5885

#3A4685

#413A85

#543A85

#673A85

#7A3A85

#853A7E

#853A6B

#853A58

#853A46

#3A6B85 の彩度別色一覧

#838485

#7D8285

#768085

#6F7D85

#697B85

#627985

#5B7785

#557485

#4E7285

#477085

#416D85

#3A6B85

#336985

#2D6685

#266485

#1F6285

#195F85

#125D85

#0B5B85

#055985

#3A6B85 の明度別色一覧

#020406

#080F12

#0E191F

#13232C

#192D39

#1E3845

#244252

#294C5F

#2F566C

#346178

#3A6B85

#407592

#45809F

#4B8AAB

#5094B8

#569EC5

#5BA9D2

#61B3DE

#66BDEB

#6CC7F8

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

#2A4957

#4D9DC2

#489CF5

#3A6B85

#5E91B3

#3A6B85

#63AAF5

#283F47

#4A7DB3

#4EACD6

#699EB0

#284B59

#3A6B85

#32A3C2

#8DBFED

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

#5C437D

#927434

#4B8D4D

#3A6B85

#78314F

#632F7B

#3F945E

#3A6B85

#6C252E

#8B923A

#7D7D2B

#4D9C55

#3A6B85

#7D353F

#663192

#3A6B85 を使ったカマイユ

#2E6082

#467082

#3A6B85

#4B728F

#3E6780

#3B6982

#49778A

#3A6B85

#467588

#2F6176

#427488

#3A6B85

#3F738D

#346071

#55869F

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

#3A6B85

#548499

#345264

#1F5B6C

#41737D

#427CAB

#3A6B85

#366576

#357592

#27627B

#3E6DA1

#397997

#385578

#44607D

#3A6B85

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

#CCDEE8

#316885

#2F4552

#7E919C

#3A6B85

#30ADF0

#17303D

#1487C4

#196E9C

#519BC2

#3AACE8

#0E9CE8

#1C3C4D

#3A6B85

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

#0E4969

#3A6B85

#8EC2DE

#27ACF2

#6698B3

#3A6B85

#0283C7

#6DA1BD

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

#3A6B85

#853A6B

#6B853A

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

#856D3A

#3A6B85

#853B3A

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

#3A6B85

#7A3A85

#85543A

#46853A

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

#3A6B85

#85543A

#3A6B85

#7D8285

#3A6B85

#6FCDFF

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

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

#3A6B85

#3A6B85 の色情報

#3A6B85 の色相別色一覧

#3A6B85 の彩度別色一覧

#3A6B85 の明度別色一覧

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

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

#3A6B85 を使ったカマイユ

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

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

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

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

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

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

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