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

#22A8F9 の色情報

#22A8F9

画像
HEX	#22A8F9
RGB	R:34 G:168 B:249
RGBの割合	R:13.3% G:65.9% B:97.6%
HSV	H:202.6 S:86.3 V:97.6
HSL	H:202.6 S:94.7 L:55.5
CMY	C:86.7 M:34.1 Y:2.4

CMYK	C:86.3 M:32.5 Y:0.0 K:2.4
YCbCr	Y:133.8 Cb:183.4 Cr:63.4
XYZ	X:31.8 Y:35.2 Z:94.7
xyY	x:0.196 y:0.218 Y:35.2

CIE Lab	L:65.9 a:-6.0 b*:-49.8
CIE LCh	L:65.9 C:50.1 h:263.1
CIE Luv	L:65.9 u:-40.6 v*:-79.7
Hunter Lab	L:59.3 a:-8.2 b:-53.2

#22A8F9 の色相別色一覧

#F93D22

#F97322

#F9A922

#F9DF22

#DEF922

#A8F922

#72F922

#3DF922

#22F93D

#22F973

#22F9A9

#22F9DF

#22DEF9

#22A8F9

#2272F9

#223DF9

#3D22F9

#7322F9

#A922F9

#DF22F9

#F922DE

#F922A8

#F92272

#F9223D

#22A8F9 の彩度別色一覧

#F6F8F9

#E9F3F9

#DDEEF9

#D0EAF9

#C4E5F9

#B7E0F9

#ABDCF9

#9FD7F9

#92D2F9

#86CEF9

#79C9F9

#6DC4F9

#60BFF9

#54BBF9

#47B6F9

#3BB1F9

#2EADF9

#22A8F9

#16A3F9

#099FF9

#22A8F9 の明度別色一覧

#010507

#030D14

#041620

#061E2D

#08273A

#0A3047

#0B3853

#0D4160

#0F496D

#11527A

#125B86

#146393

#166CA0

#1874AD

#197DB9

#1B86C6

#1D8ED3

#1F97E0

#209FEC

#22A8F9

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

#004980

#044B99

#22A8F9

#2683BA

#033B52

#255D6E

#22A8F9

#004E91

#3586C7

#032E4A

#0F314A

#244E78

#0094D1

#22A8F9

#0B4E9E

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

#11FF33

#A519FF

#22A8F9

#F61D58

#F6FF32

#FFF619

#FF195B

#22A8F9

#0EEF26

#9514EC

#7F1FF6

#F4D426

#22A8F9

#EA224F

#22FE19

#22A8F9 を使ったカマイユ

#22A8F9

#32C3FF

#32ABFF

#16BBFF

#2DB8F1

#35A2FF

#22A8F9

#3AB8FF

#259BFF

#0BAAEC

#1C86E0

#24A9E5

#22A8F9

#1B94FC

#1A9CE0

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

#0092FF

#22A8F9

#0CA6D3

#36A0E5

#3C92FF

#24A6E5

#1B7FFF

#00A0E2

#1195DA

#22A8F9

#0C97FF

#22A8F9

#419EFF

#159BD8

#49A2FF

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

#22A8F9

#5B7382

#859BA8

#1F8CCF

#0A283B

#176391

#22A8F9

#20455C

#8295A1

#4D5C66

#22A8F9

#B8E3FC

#0C5A8A

#77AAC9

#506978

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

#75B3D9

#1B4259

#22A8F9

#225C80

#22A8F9

#799DB3

#425D6E

#0481CC

#22A8F9

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

#22A8F9

#F922A8

#A8F922

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

#F9BB22

#22A8F9

#F92B22

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

#22A8F9

#DF22F9

#F97322

#3DF922

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

#22A8F9

#F97322

#22A8F9

#9FD7F9

#22A8F9

#0E4566

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

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

#22A8F9

#22A8F9 の色情報

#22A8F9 の色相別色一覧

#22A8F9 の彩度別色一覧

#22A8F9 の明度別色一覧

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

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

#22A8F9 を使ったカマイユ

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

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

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

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

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

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

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