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

#33A6B0 の色情報

#33A6B0

画像
HEX	#33A6B0
RGB	R:51 G:166 B:176
RGBの割合	R:20.0% G:65.1% B:69.0%
HSV	H:184.8 S:71.0 V:69.0
HSL	H:184.8 S:55.1 L:44.5
CMY	C:80.0 M:34.9 Y:31.0

CMYK	C:71.0 M:5.7 Y:0.0 K:31.0
YCbCr	Y:130.0 Cb:149.4 Cr:76.8
XYZ	X:22.8 Y:31.1 Z:45.9
xyY	x:0.229 y:0.312 Y:31.1

CIE Lab	L:62.6 a:-28.0 b*:-14.4
CIE LCh	L:62.6 C:31.5 h:207.3
CIE Luv	L:62.6 u:-42.5 v*:-17.8
Hunter Lab	L:55.8 a:-24.5 b:-9.7

#33A6B0 の色相別色一覧

#B03D33

#B05C33

#B07C33

#B09B33

#A6B033

#87B033

#68B033

#48B033

#33B03D

#33B05C

#33B07C

#33B09B

#33A6B0

#3387B0

#3368B0

#3348B0

#3D33B0

#5C33B0

#7C33B0

#9B33B0

#B033A6

#B03387

#B03368

#B03348

#33A6B0 の彩度別色一覧

#AEB0B0

#A5AFB0

#9DAEB0

#94AEB0

#8BADB0

#82ACB0

#79ACB0

#71ABB0

#68AAB0

#5FAAB0

#56A9B0

#4DA8B0

#45A7B0

#3CA7B0

#33A6B0

#2AA5B0

#21A5B0

#19A4B0

#10A3B0

#07A2B0

#33A6B0 の明度別色一覧

#030A0A

#071617

#0A2224

#0E2E31

#123A3D

#15464A

#195257

#1D5E64

#216A70

#24767D

#28828A

#2C8E97

#2F9AA3

#33A6B0

#37B2BD

#3ABECA

#3ECAD6

#42D6E3

#45E2F0

#49EEFD

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

#3CD5F0

#33A6B0

#1E535C

#216E6A

#1BC5D4

#0B474F

#358F8C

#1A5D69

#4FE3F0

#33A6B0

#125659

#1F6B78

#41F2E3

#33A6B0

#457E8F

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

#6CBD40

#976438

#4F31A3

#B52B7A

#33A6B0

#339E33

#9E872C

#33A6B0

#B34481

#4630C2

#5E44AD

#33A6B0

#BF348F

#B38922

#45AD3B

#33A6B0 を使ったカマイユ

#228899

#33A6B0

#2A8897

#21949C

#42ABBD

#33A6B0

#31B5B5

#1E989C

#22A2A8

#2EACBF

#33A6B0

#3E97A8

#2BA6A5

#40B1C2

#3699A3

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

#2F9FD6

#4898B8

#187BA8

#33A6B0

#209ED4

#47A89D

#43B0D1

#33A6B0

#2BA5BD

#40C2AC

#3A939E

#33A6B0

#338DA6

#258EC2

#54BAC7

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

#82BABF

#166970

#33A6B0

#42BCC7

#294345

#33A6B0

#86D4DB

#83DEE6

#2D5154

#1A464A

#1E818A

#294547

#1D3D40

#618E91

#33A6B0

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

#33A6B0

#59D3DE

#48767A

#13D9EB

#36696E

#33A6B0

#2F5B5E

#33A6B0

#11DCED

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

#33A6B0

#B033A6

#A6B033

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

#B06733

#33A6B0

#B03353

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

#33A6B0

#7C33B0

#B03D33

#68B033

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

#33A6B0

#B03D33

#33A6B0

#8BADB0

#33A6B0

#4AF1FF

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

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

#33A6B0

#33A6B0 の色情報

#33A6B0 の色相別色一覧

#33A6B0 の彩度別色一覧

#33A6B0 の明度別色一覧

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

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

#33A6B0 を使ったカマイユ

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

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

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

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

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

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

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