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

#2F45A6 の色情報

#2F45A6

画像
HEX	#2F45A6
RGB	R:47 G:69 B:166
RGBの割合	R:18.4% G:27.1% B:65.1%
HSV	H:228.9 S:71.7 V:65.1
HSL	H:228.9 S:55.9 L:41.8
CMY	C:81.6 M:72.9 Y:34.9

CMYK	C:71.7 M:58.4 Y:0.0 K:34.9
YCbCr	Y:79.1 Cb:173.8 Cr:111.5
XYZ	X:10.2 Y:7.6 Z:37.0
xyY	x:0.186 y:0.139 Y:7.6

CIE Lab	L:33.2 a:25.6 b*:-54.8
CIE LCh	L:33.2 C:60.5 h:295.0
CIE Luv	L:68.8 u:-22.3 v*:-158.5
Hunter Lab	L:27.6 a:17.6 b:-60.2

#2F45A6 の色相別色一覧

#A6372F

#A6552F

#A6722F

#A6902F

#9EA62F

#81A62F

#63A62F

#45A62F

#2FA637

#2FA655

#2FA672

#2FA690

#2F9EA6

#2F81A6

#2F63A6

#2F45A6

#372FA6

#552FA6

#722FA6

#902FA6

#A62F9E

#A62F81

#A62F63

#A62F45

#2F45A6 の彩度別色一覧

#A3A4A6

#9B9DA6

#9396A6

#8A8FA6

#8289A6

#7A82A6

#717BA6

#6974A6

#616EA6

#5967A6

#5060A6

#4859A6

#4053A6

#374CA6

#2F45A6

#273EA6

#1E37A6

#1631A6

#0E2AA6

#0623A6

#2F45A6 の明度別色一覧

#000000

#04050D

#070B1A

#0B1027

#0F1533

#121B40

#16204D

#19255A

#1D2B66

#213073

#243580

#283A8D

#2B4099

#2F45A6

#334AB3

#3650C0

#3A55CC

#3D5AD9

#415FE6

#4565F3

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

#6186D6

#182D6B

#121A45

#2E5CE3

#2F45A6

#1D1F45

#3C3FF5

#3643C7

#232F69

#2F45A6

#1B2952

#587CE6

#283280

#2F45A6

#1230C4

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

#38B36B

#95BD24

#2F45A6

#942692

#97402F

#6E8D2B

#1C9262

#2F45A6

#A92CA5

#8F4E34

#2DA370

#8CB523

#994A3B

#89228D

#2F45A6

#2F45A6 を使ったカマイユ

#4553BD

#2F45A6

#263AAB

#2745B0

#3D559E

#4456B0

#3A4397

#2F45A6

#333D99

#2343B5

#3B4FBD

#2636A1

#2F45A6

#294FB8

#314FB3

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

#2F45A6

#2B3D82

#233285

#375094

#28309E

#294F87

#2F45A6

#3E48C7

#172694

#373487

#2D488D

#4F7AC0

#2F45A6

#47439E

#2927A1

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

#8492CF

#9BA3C4

#2F45A6

#2F4294

#4C5891

#2F45A6

#333642

#A6B5F5

#A3A8BF

#C5CCEB

#2F45A6

#5772E6

#4D598C

#1A213D

#0734FA

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

#2044E3

#8691C4

#2F45A6

#434A66

#2F45A6

#627FFC

#28325C

#8995C7

#2F45A6

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

#2F45A6

#A62F45

#45A62F

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

#94A62F

#2F45A6

#A6682F

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

#2F45A6

#A62F81

#A6902F

#2FA655

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

#2F45A6

#A6902F

#2F45A6

#8289A6

#2F45A6

#486AFF

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

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

#2F45A6

#2F45A6 の色情報

#2F45A6 の色相別色一覧

#2F45A6 の彩度別色一覧

#2F45A6 の明度別色一覧

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

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

#2F45A6 を使ったカマイユ

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

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

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

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

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

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

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