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

#22A8E2 の色情報

#22A8E2

画像
HEX	#22A8E2
RGB	R:34 G:168 B:226
RGBの割合	R:13.3% G:65.9% B:88.6%
HSV	H:198.1 S:85.0 V:88.6
HSL	H:198.1 S:76.8 L:51.0
CMY	C:86.7 M:34.1 Y:11.4

CMYK	C:85.0 M:25.7 Y:0.0 K:11.4
YCbCr	Y:131.6 Cb:173.3 Cr:65.1
XYZ	X:28.4 Y:33.8 Z:77.0
xyY	x:0.204 y:0.243 Y:33.8

CIE Lab	L:64.8 a:-14.2 b*:-38.8
CIE LCh	L:64.8 C:41.3 h:249.9
CIE Luv	L:64.8 u:-42.0 v*:-60.0
Hunter Lab	L:58.2 a:-14.7 b:-37.8

#22A8E2 の色相別色一覧

#E22C22

#E25C22

#E28C22

#E2BC22

#D8E222

#A8E222

#78E222

#48E222

#22E22C

#22E25C

#22E28C

#22E2BC

#22D8E2

#22A8E2

#2278E2

#2248E2

#2C22E2

#5C22E2

#8C22E2

#BC22E2

#E222D8

#E222A8

#E22278

#E22248

#22A8E2 の彩度別色一覧

#D7DFE2

#CCDBE2

#C0D8E2

#B5D4E2

#AAD1E2

#9ECEE2

#93CAE2

#88C7E2

#7CC3E2

#71C0E2

#66BCE2

#5BB9E2

#4FB6E2

#44B2E2

#39AFE2

#2DABE2

#22A8E2

#17A5E2

#0BA1E2

#009EE2

#22A8E2 の明度別色一覧

#010709

#031016

#051A23

#072330

#092D3C

#0B3649

#0D4056

#0F4963

#11536F

#135C7C

#156689

#166F96

#1879A2

#1A82AF

#1C8CBC

#1E95C9

#209FD5

#22A8E2

#24B1EF

#26BBFC

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

#185E75

#22A8E2

#29688F

#124757

#328AB3

#0C506B

#06385C

#0D7B8C

#22A8E2

#066EC4

#005296

#003859

#3683BF

#22A8E2

#09576B

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

#DEF43D

#0AC92A

#DF1B1B

#22A8E2

#912BCB

#0BDA69

#22A8E2

#BADA18

#B130F1

#DD162A

#36D851

#F1E01F

#8B28EC

#22A8E2

#E7205F

#22A8E2 を使ったカマイユ

#17A0EA

#28C3FC

#1EC0F6

#22A8E2

#2C9CDD

#1D9BCE

#22A8E2

#30A5D0

#0E9DE5

#2ABCF6

#2491C9

#24B6DF

#1FBEEF

#22A8E2

#1AACE7

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

#22A8E2

#0A64BE

#14A6CB

#0699C6

#3BA9CB

#2EC8E7

#1AD1FF

#068ECE

#22A8E2

#379CBC

#0CBDEF

#3286BE

#0FC4F6

#22A8E2

#116ED8

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

#0F2A36

#22A8E2

#E4EEF2

#189DD6

#496A78

#336A82

#3390B8

#22A8E2

#062736

#A5D4E8

#2C3538

#373D40

#35C0FC

#22A8E2

#818A8F

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

#0579AB

#3E6575

#22A8E2

#3C6678

#22A8E2

#2F84A8

#22A8E2

#6A8D9C

#225063

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

#22A8E2

#E222A8

#A8E222

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

#E29C22

#22A8E2

#E22228

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

#22A8E2

#BC22E2

#E25C22

#48E222

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

#22A8E2

#E25C22

#22A8E2

#93CAE2

#22A8E2

#0F4C66

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

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

#22A8E2

#22A8E2 の色情報

#22A8E2 の色相別色一覧

#22A8E2 の彩度別色一覧

#22A8E2 の明度別色一覧

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

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

#22A8E2 を使ったカマイユ

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

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

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

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

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

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

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