#45A6B1｜カラーサイト.com

#45A6B1 の色情報

#45A6B1

画像
HEX	#45A6B1
RGB	R:69 G:166 B:177
RGBの割合	R:27.1% G:65.1% B:69.4%
HSV	H:186.1 S:61.0 V:69.4
HSL	H:186.1 S:43.9 L:48.2
CMY	C:72.9 M:34.9 Y:30.6

CMYK	C:61.0 M:6.2 Y:0.0 K:30.6
YCbCr	Y:134.7 Cb:147.2 Cr:84.6
XYZ	X:24.0 Y:31.7 Z:46.5
xyY	x:0.235 y:0.310 Y:31.7

CIE Lab	L:63.1 a:-24.8 b*:-14.2
CIE LCh	L:63.1 C:28.6 h:209.7
CIE Luv	L:63.1 u:-39.0 v*:-17.8
Hunter Lab	L:56.3 a:-22.4 b:-9.5

#45A6B1 の色相別色一覧

#B15045

#B16B45

#B18645

#B1A145

#A6B145

#8BB145

#70B145

#55B145

#45B150

#45B16B

#45B186

#45B1A1

#45A6B1

#458BB1

#4570B1

#4555B1

#5045B1

#6B45B1

#8645B1

#A145B1

#B145A6

#B1458B

#B14570

#B14555

#45A6B1 の彩度別色一覧

#AFB1B1

#A6B0B1

#9EAFB1

#95AEB1

#8CADB1

#83ACB1

#7AABB1

#71ABB1

#68AAB1

#60A9B1

#57A8B1

#4EA7B1

#45A6B1

#3CA5B1

#33A4B1

#2AA3B1

#22A2B1

#19A1B1

#10A1B1

#07A0B1

#45A6B1 の明度別色一覧

#040B0B

#091718

#0E2225

#132E32

#183A3E

#1D464B

#225258

#275E65

#2C6A71

#31767E

#36828B

#3B8E98

#409AA4

#45A6B1

#4AB2BE

#4FBECB

#54CAD7

#59D6E4

#5EE2F1

#63EEFE

#45A6B1 を使ったトーンオントーン

#50888F

#266F80

#45A6B1

#2B4E4F

#7EE7ED

#78D7F0

#155C58

#336069

#79CDD1

#45A6B1

#2B7375

#45A6B1

#325454

#4C9091

#7FF3F5

#45A6B1 を使ったトーンイントーン

#603EB6

#A43D6D

#45A6B1

#988044

#5AAC4D

#7859BE

#C84C7F

#41984B

#C0B658

#45A6B1

#7E5DC5

#AC4C7F

#9D8640

#63B650

#45A6B1

#45A6B1 を使ったカマイユ

#45A6B1

#4EA2A9

#47ACC0

#42989D

#3C939F

#49B5CB

#45A6B1

#4DA4B4

#4C9EA9

#4DA1A4

#45A6B1

#5BB7C5

#308C9A

#308498

#53BACB

#45A6B1 を使ったフォカマイユ

#4C98A4

#5FB3BB

#3CA0A2

#45A6B1

#6AA8C8

#63BBB7

#338D84

#45A6B1

#4EB6A7

#61CBBB

#51ACB9

#427C95

#498298

#45A6B1

#45BAC5

#45A6B1 を使ったドミナントカラー

#36CFE0

#18454A

#D5E4E6

#45A6B1

#5B7073

#B4D0D4

#B9C5C7

#45A6B1

#354F52

#91D1D9

#73B3BA

#45A6B1

#02A7BA

#92CFD6

#8FB8BD

#45A6B1 を使ったトライアド

#45A6B1

#B145A6

#A6B145

#45A6B1 を使ったスプリットコンプリメンタリー

#B17445

#45A6B1

#B1455E

#45A6B1 を使ったテトラード

#45A6B1

#8645B1

#B15045

#70B145

#45A6B1 を使ったコントラスト

#45A6B1

#B15045

#45A6B1

#9EAFB1

#45A6B1

#63EFFF

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

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

#45A6B1

#45A6B1 の色情報

#45A6B1 の色相別色一覧

#45A6B1 の彩度別色一覧

#45A6B1 の明度別色一覧

#45A6B1 を使ったトーンオントーン

#45A6B1 を使ったトーンイントーン

#45A6B1 を使ったカマイユ

#45A6B1 を使ったフォカマイユ

#45A6B1 を使ったドミナントカラー

#45A6B1 を使ったトライアド

#45A6B1 を使ったスプリットコンプリメンタリー

#45A6B1 を使ったテトラード

#45A6B1 を使ったコントラスト