#30A6B0｜カラーサイト.com

#30A6B0 の色情報

#30A6B0

画像
HEX	#30A6B0
RGB	R:48 G:166 B:176
RGBの割合	R:18.8% G:65.1% B:69.0%
HSV	H:184.7 S:72.7 V:69.0
HSL	H:184.7 S:57.1 L:43.9
CMY	C:81.2 M:34.9 Y:31.0

CMYK	C:72.7 M:5.7 Y:0.0 K:31.0
YCbCr	Y:129.2 Cb:149.9 Cr:75.5
XYZ	X:22.7 Y:31.0 Z:45.9
xyY	x:0.228 y:0.312 Y:31.0

CIE Lab	L:62.5 a:-28.3 b*:-14.5
CIE LCh	L:62.5 C:31.8 h:207.1
CIE Luv	L:62.5 u:-43.0 v*:-17.9
Hunter Lab	L:55.7 a:-24.8 b:-9.8

#30A6B0 の色相別色一覧

#B03A30

#B05A30

#B07A30

#B09A30

#A6B030

#86B030

#66B030

#46B030

#30B03A

#30B05A

#30B07A

#30B09A

#30A6B0

#3086B0

#3066B0

#3046B0

#3A30B0

#5A30B0

#7A30B0

#9A30B0

#B030A6

#B03086

#B03066

#B03046

#30A6B0 の彩度別色一覧

#ABB0B0

#A2AFB0

#9AAEB0

#91AEB0

#88ADB0

#7FACB0

#76ACB0

#6EABB0

#65AAB0

#5CA9B0

#53A9B0

#4AA8B0

#42A7B0

#39A7B0

#30A6B0

#27A5B0

#1EA5B0

#16A4B0

#0DA3B0

#04A3B0

#30A6B0 の明度別色一覧

#030A0A

#061617

#0A2224

#0D2E31

#113A3D

#14464A

#185257

#1B5E64

#1F6A70

#22767D

#26828A

#298E97

#2D9AA3

#30A6B0

#33B2BD

#37BECA

#3ACAD6

#3ED6E3

#41E2F0

#45EEFD

#30A6B0 を使ったトーンオントーン

#3CA9CC

#5AE6E2

#2C777D

#1F5C56

#30A6B0

#50EBE2

#2BB7CC

#30A6B0

#225F6E

#264E57

#1B6B64

#1D8E91

#31F2E1

#30A6B0

#1D424D

#30A6B0 を使ったトーンイントーン

#30A6B0

#BD37A5

#5C49CA

#5ABF27

#C27C40

#329928

#30A6B0

#C7467F

#97821F

#7542BF

#5D33A8

#992E4D

#33AD65

#30A6B0

#9BA323

#30A6B0 を使ったカマイユ

#3A919C

#1C90A3

#49C6CA

#30A6B0

#49B9C4

#279499

#2C9597

#30A6B0

#3FC2C1

#219FA1

#3AA1B3

#30A6B0

#41B0B8

#24B1BA

#2CC7C6

#30A6B0 を使ったフォカマイユ

#30A6B0

#2EB5A9

#2D8F88

#139899

#2CBDA9

#14A699

#30A6B0

#25BDD6

#297BA3

#26ACBA

#39AEBD

#3B978B

#30A6B0

#31CAAF

#489EBD

#30A6B0 を使ったドミナントカラー

#5EC8D1

#1A6C73

#5E7D80

#0E3236

#30A6B0

#39A9B3

#30A6B0

#B9EBF0

#156B73

#7CBCC2

#0E7780

#30A6B0

#02AEBD

#83C2C7

#909D9E

#30A6B0 を使ったアイデンティティ

#85CED4

#30A6B0

#3B7C82

#64DEE8

#476669

#30A6B0

#507C80

#30A6B0

#13C7D6

#30A6B0 を使ったトライアド

#30A6B0

#B030A6

#A6B030

#30A6B0 を使ったスプリットコンプリメンタリー

#B06530

#30A6B0

#B03051

#30A6B0 を使ったテトラード

#30A6B0

#7A30B0

#B03A30

#66B030

#30A6B0 を使ったコントラスト

#30A6B0

#B03A30

#30A6B0

#88ADB0

#30A6B0

#46F1FF

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

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

#30A6B0

#30A6B0 の色情報

#30A6B0 の色相別色一覧

#30A6B0 の彩度別色一覧

#30A6B0 の明度別色一覧

#30A6B0 を使ったトーンオントーン

#30A6B0 を使ったトーンイントーン

#30A6B0 を使ったカマイユ

#30A6B0 を使ったフォカマイユ

#30A6B0 を使ったドミナントカラー

#30A6B0 を使ったアイデンティティ

#30A6B0 を使ったトライアド

#30A6B0 を使ったスプリットコンプリメンタリー

#30A6B0 を使ったテトラード

#30A6B0 を使ったコントラスト