#22BCD9｜カラーサイト.com

#22BCD9 の色情報

#22BCD9

画像
HEX	#22BCD9
RGB	R:34 G:188 B:217
RGBの割合	R:13.3% G:73.7% B:85.1%
HSV	H:189.5 S:84.3 V:85.1
HSL	H:189.5 S:72.9 L:49.2
CMY	C:86.7 M:26.3 Y:14.9

CMYK	C:84.3 M:13.4 Y:0.0 K:14.9
YCbCr	Y:140.8 Cb:163.5 Cr:58.3
XYZ	X:31.2 Y:41.3 Z:72.0
xyY	x:0.216 y:0.286 Y:41.3

CIE Lab	L:70.4 a:-27.6 b*:-25.3
CIE LCh	L:70.4 C:37.4 h:222.5
CIE Luv	L:70.4 u:-49.5 v*:-36.0
Hunter Lab	L:64.3 a:-25.9 b:-21.4

#22BCD9 の色相別色一覧

#D93F22

#D96D22

#D99B22

#D9C822

#BCD922

#8ED922

#61D922

#33D922

#22D93F

#22D96D

#22D99B

#22D9C8

#22BCD9

#228ED9

#2261D9

#2233D9

#3F22D9

#6D22D9

#9B22D9

#C822D9

#D922BC

#D9228E

#D92260

#D92233

#22BCD9 の彩度別色一覧

#D0D8D9

#C5D6D9

#BAD4D9

#AFD2D9

#A4D1D9

#99CFD9

#8FCDD9

#84CBD9

#79CAD9

#6EC8D9

#63C6D9

#58C5D9

#4DC3D9

#43C1D9

#38BFD9

#2DBED9

#22BCD9

#17BAD9

#0CB9D9

#01B7D9

#22BCD9 の明度別色一覧

#000000

#020B0D

#04161A

#062127

#082C33

#0A3740

#0C424D

#0E4E5A

#105966

#126473

#146F80

#167A8D

#188599

#1A90A6

#1C9BB3

#1EA6C0

#20B1CC

#22BCD9

#24C7E6

#26D2F3

#22BCD9 を使ったトーンオントーン

#22BCD9

#2C617A

#014E59

#008BB0

#0A6C91

#0D8C9C

#1A90BD

#033D57

#22BCD9

#1B5770

#278E94

#259EB5

#00556E

#0C5457

#22BCD9

#22BCD9 を使ったトーンイントーン

#0BC566

#A6C020

#E6123E

#22BCD9

#6711C0

#22BCD9

#CF0E56

#C7B60D

#582CC2

#39E849

#C52F76

#D6881D

#5EC02B

#22BCD9

#6916E8

#22BCD9 を使ったカマイユ

#15B8DE

#0EC4D6

#22BCD9

#2DB1C7

#18B6CA

#22BCD9

#0D9AC0

#3EDCF3

#32C2D4

#0BA0C7

#32C0D1

#15C8F3

#2FA6C0

#1ED8EB

#22BCD9

#22BCD9 を使ったフォカマイユ

#189BBA

#32FDF8

#22BCD9

#018CC5

#0180CC

#40ABF0

#14ABCF

#22BCD9

#29C2D1

#17A8C7

#04B1F8

#22BCD9

#1288BD

#3ECAF3

#0AD4C1

#22BCD9 を使ったドミナントカラー

#337C8A

#22BCD9

#26464D

#2A99AD

#2F484D

#389DB0

#AFC5C9

#22BCD9

#1A8BA1

#A6D9E3

#275861

#4B7780

#22BCD9

#99C8D1

#06343D

#22BCD9 を使ったトライアド

#22BCD9

#D922BC

#BCD922

#22BCD9 を使ったスプリットコンプリメンタリー

#D97C22

#22BCD9

#D92242

#22BCD9 を使ったテトラード

#22BCD9

#9B22D9

#D93F22

#60D922

#22BCD9 を使ったコントラスト

#22BCD9

#D93F22

#22BCD9

#8FCDD9

#22BCD9

#105866

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

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

#22BCD9

#22BCD9 の色情報

#22BCD9 の色相別色一覧

#22BCD9 の彩度別色一覧

#22BCD9 の明度別色一覧

#22BCD9 を使ったトーンオントーン

#22BCD9 を使ったトーンイントーン

#22BCD9 を使ったカマイユ

#22BCD9 を使ったフォカマイユ

#22BCD9 を使ったドミナントカラー

#22BCD9 を使ったトライアド

#22BCD9 を使ったスプリットコンプリメンタリー

#22BCD9 を使ったテトラード

#22BCD9 を使ったコントラスト