#2F89E2｜カラーサイト.com

#2F89E2 の色情報

#2F89E2

画像
HEX	#2F89E2
RGB	R:47 G:137 B:226
RGBの割合	R:18.4% G:53.7% B:88.6%
HSV	H:209.8 S:79.2 V:88.6
HSL	H:209.8 S:75.5 L:53.5
CMY	C:81.6 M:46.3 Y:11.4

CMYK	C:79.2 M:39.4 Y:0.0 K:11.4
YCbCr	Y:119.3 Cb:180.4 Cr:82.2
XYZ	X:23.8 Y:24.0 Z:75.3
xyY	x:0.194 y:0.195 Y:24.0

CIE Lab	L:56.1 a:4.7 b*:-52.6
CIE LCh	L:56.1 C:52.8 h:275.1
CIE Luv	L:56.1 u:-30.2 v*:-83.2
Hunter Lab	L:49.0 a:1.2 b:-56.9

#2F89E2 の色相別色一覧

#E25B2F

#E2882F

#E2B52F

#E2E22F

#B6E22F

#89E22F

#5CE22F

#30E22F

#2FE25B

#2FE288

#2FE2B5

#2FE2E2

#2FB6E2

#2F89E2

#2F5CE2

#2F30E2

#5B2FE2

#882FE2

#B52FE2

#E22FE2

#E22FB6

#E22F89

#E22F5C

#E22F2F

#2F89E2 の彩度別色一覧

#D9DDE2

#CDD8E2

#C2D2E2

#B7CCE2

#ABC7E2

#A0C1E2

#95BCE2

#89B6E2

#7EB0E2

#73ABE2

#68A5E2

#5C9FE2

#519AE2

#4694E2

#3A8FE2

#2F89E2

#2483E2

#187EE2

#0D78E2

#0273E2

#2F89E2 の明度別色一覧

#020609

#050D16

#071523

#0A1D30

#0D253C

#0F2C49

#123456

#143C63

#17436F

#1A4B7C

#1C5389

#1F5B96

#2262A2

#246AAF

#2772BC

#2A7AC9

#2C81D5

#2F89E2

#3291EF

#3498FC

#2F89E2 を使ったトーンオントーン

#0B4F70

#2F89E2

#1170C2

#175B8F

#122D4F

#2F89E2

#265B7D

#1181BD

#2856A1

#082445

#183454

#054F80

#2F89E2

#2C5CBA

#115794

#2F89E2 を使ったトーンイントーン

#E7292D

#CE4CF6

#2F89E2

#C4D526

#20C96B

#AD1DF6

#37DD5D

#B9CE31

#2F89E2

#F44465

#D6EC28

#2F89E2

#D31948

#1CF171

#9634D3

#2F89E2 を使ったカマイユ

#2F89E2

#1E75E7

#3186DF

#1E7CC9

#2A97FC

#3D94D5

#3E92DF

#1F95F4

#2F89E2

#4392DA

#3587EA

#2F89E2

#399EFC

#1682CE

#4294F6

#2F89E2 を使ったフォカマイユ

#1A6CC9

#2F89E2

#1A5FDD

#5BD4FF

#4284D8

#19BEFF

#1BB9F6

#2F89E2

#2190BC

#1F59C3

#3869EC

#486FD0

#1659FF

#1382D5

#2F89E2

#2F89E2 を使ったドミナントカラー

#28537D

#356EA6

#2F89E2

#2C5782

#C8D7E6

#12314F

#466685

#2F89E2

#2E5F8F

#252D36

#173757

#2F89E2

#82BEFA

#0072E3

#5A6C7D

#2F89E2 を使ったアイデンティティ

#4E7194

#305070

#2F89E2

#375069

#2F89E2

#396999

#2F89E2

#2B445C

#467BB0

#2F89E2 を使ったトライアド

#2F89E2

#E22F89

#89E22F

#2F89E2 を使ったスプリットコンプリメンタリー

#E2C42F

#2F89E2

#E24C2F

#2F89E2 を使ったテトラード

#2F89E2

#E22FE2

#E2882F

#2FE22F

#2F89E2 を使ったコントラスト

#2F89E2

#E2882F

#2F89E2

#A0C1E2

#2F89E2

#153E66

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

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

#2F89E2

#2F89E2 の色情報

#2F89E2 の色相別色一覧

#2F89E2 の彩度別色一覧

#2F89E2 の明度別色一覧

#2F89E2 を使ったトーンオントーン

#2F89E2 を使ったトーンイントーン

#2F89E2 を使ったカマイユ

#2F89E2 を使ったフォカマイユ

#2F89E2 を使ったドミナントカラー

#2F89E2 を使ったアイデンティティ

#2F89E2 を使ったトライアド

#2F89E2 を使ったスプリットコンプリメンタリー

#2F89E2 を使ったテトラード

#2F89E2 を使ったコントラスト