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

#22B8F9 の色情報

#22B8F9

画像
HEX	#22B8F9
RGB	R:34 G:184 B:249
RGBの割合	R:13.3% G:72.2% B:97.6%
HSV	H:198.1 S:86.3 V:97.6
HSL	H:198.1 S:94.7 L:55.5
CMY	C:86.7 M:27.8 Y:2.4

CMYK	C:86.3 M:26.1 Y:0.0 K:2.4
YCbCr	Y:141.9 Cb:178.7 Cr:57.5
XYZ	X:34.9 Y:41.5 Z:95.8
xyY	x:0.203 y:0.241 Y:41.5

CIE Lab	L:70.5 a:-14.8 b*:-42.5
CIE LCh	L:70.5 C:45.0 h:250.8
CIE Luv	L:70.5 u:-45.9 v*:-67.0
Hunter Lab	L:64.4 a:-15.9 b:-43.1

#22B8F9 の色相別色一覧

#F92D22

#F96322

#F99922

#F9CF22

#EEF922

#B8F922

#82F922

#4DF922

#22F92D

#22F963

#22F999

#22F9CF

#22EEF9

#22B8F9

#2282F9

#224DF9

#2D22F9

#6322F9

#9922F9

#CF22F9

#F922EE

#F922B8

#F92282

#F9224D

#22B8F9 の彩度別色一覧

#F6F8F9

#E9F4F9

#DDF0F9

#D0EDF9

#C4E9F9

#B7E5F9

#ABE1F9

#9FDEF9

#92DAF9

#86D6F9

#79D2F9

#6DCFF9

#60CBF9

#54C7F9

#47C3F9

#3BC0F9

#2EBCF9

#22B8F9

#16B4F9

#09B0F9

#22B8F9 の明度別色一覧

#010507

#030E14

#041820

#06212D

#082B3A

#0A3447

#0B3E53

#0D4760

#0F506D

#115A7A

#126386

#146D93

#1676A0

#187FAD

#1989B9

#1B92C6

#1D9CD3

#1FA5E0

#20AFEC

#22B8F9

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

#1B83A1

#1574B8

#094A57

#22B8F9

#0B6682

#198196

#00417A

#1B424F

#22B8F9

#1D91D1

#013A5E

#2385A3

#22B8F9

#0084C2

#005082

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

#0CFF3D

#22B8F9

#9525EA

#E8FF1E

#E02A4E

#FFEC3C

#FF2885

#1DE542

#22B8F9

#6511FF

#FFE225

#E02358

#1BFF45

#22B8F9

#872AFF

#22B8F9 を使ったカマイユ

#2CAFFC

#2DC6F1

#09A8FF

#22B8F9

#1DB9E5

#3ACAFF

#22B8F9

#29A7F6

#25C1FF

#2DB4FE

#22B8F9

#2EB4EA

#28B8E5

#0DA1EC

#09ADFF

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

#22B8F9

#27E0EA

#2A93E0

#0076FF

#09ADFF

#0CB1FF

#06CAF1

#22B8F9

#04EAFF

#34A4EF

#22B8F9

#3CB1FF

#3188EC

#2DF4FF

#2CB6D5

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

#5E7580

#304B57

#22B8F9

#1C404F

#6EA9C2

#BCD9E6

#637982

#3A6578

#85B3C7

#22B8F9

#2B3D45

#22B8F9

#BECBD1

#326880

#36464D

#22B8F9 を使ったアイデンティティ

#2C4D5C

#22B8F9

#459ABF

#22B8F9

#226582

#5C8CA1

#71AFC9

#22B8F9

#264F61

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

#22B8F9

#F922B8

#B8F922

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

#F9AB22

#22B8F9

#F92229

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

#22B8F9

#CF22F9

#F96322

#4DF922

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

#22B8F9

#F96322

#22B8F9

#9FDEF9

#22B8F9

#0E4B66

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

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

#22B8F9

#22B8F9 の色情報

#22B8F9 の色相別色一覧

#22B8F9 の彩度別色一覧

#22B8F9 の明度別色一覧

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

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

#22B8F9 を使ったカマイユ

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

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

#22B8F9 を使ったアイデンティティ

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

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

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

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