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

#45B5E2 の色情報

#45B5E2

画像
HEX	#45B5E2
RGB	R:69 G:181 B:226
RGBの割合	R:27.1% G:71.0% B:88.6%
HSV	H:197.2 S:69.5 V:88.6
HSL	H:197.2 S:73.0 L:57.8
CMY	C:72.9 M:29.0 Y:11.4

CMYK	C:69.5 M:19.9 Y:0.0 K:11.4
YCbCr	Y:147.1 Cb:164.3 Cr:75.6
XYZ	X:32.7 Y:39.8 Z:77.9
xyY	x:0.217 y:0.265 Y:39.8

CIE Lab	L:69.3 a:-17.4 b*:-31.8
CIE LCh	L:69.3 C:36.2 h:241.3
CIE Luv	L:69.3 u:-41.9 v*:-48.2
Hunter Lab	L:63.1 a:-17.9 b:-29.1

#45B5E2 の色相別色一覧

#E24B45

#E27245

#E29945

#E2C145

#DCE245

#B5E245

#8EE245

#67E245

#45E24B

#45E272

#45E299

#45E2C1

#45DCE2

#45B5E2

#458EE2

#4567E2

#4B45E2

#7245E2

#9945E2

#C145E2

#E245DC

#E245B5

#E2458E

#E24567

#45B5E2 の彩度別色一覧

#D8DFE2

#CDDCE2

#C1D9E2

#B6D5E2

#ABD2E2

#9FCFE2

#94CCE2

#89C8E2

#7EC5E2

#72C2E2

#67BFE2

#5CBBE2

#50B8E2

#45B5E2

#3AB2E2

#2EAFE2

#23ABE2

#18A8E2

#0DA5E2

#01A2E2

#45B5E2 の明度別色一覧

#030709

#071216

#0B1C23

#0F2630

#12303C

#163A49

#1A4556

#1E4F63

#22596F

#26637C

#2A6E89

#2E7896

#3282A2

#358CAF

#3996BC

#3DA1C9

#41ABD5

#45B5E2

#49BFEF

#4DC9FC

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

#2E89A1

#224B5C

#2283B5

#19506E

#45B5E2

#174B70

#2C4357

#5A95B3

#45B5E2

#1E809C

#2B6973

#45B5E2

#0D414D

#228FA3

#2496B0

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

#F3F459

#A551E5

#45B5E2

#39F15E

#D32B36

#45B5E2

#E5EC60

#8B2BD3

#F9567B

#4ECB7E

#C6CB44

#9E49E7

#D32F5D

#45B5E2

#4DC964

#45B5E2 を使ったカマイユ

#61D8F6

#45B5E2

#46B0CB

#4AD2F9

#36A6DA

#3599D0

#45B5E2

#46A2D8

#379AD0

#3AB2DA

#35A8C9

#49AFE7

#45B5E2

#4AAFCB

#4BB3E7

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

#3586C9

#45B5E2

#4299F1

#4A98DD

#286FBC

#39E7FF

#6197D5

#45B5E2

#64C3F6

#25BAEC

#67F9FF

#43BAC3

#2181C6

#45B5E2

#50AECB

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

#45B5E2

#1DA8E0

#333738

#013347

#4A8DA8

#143A4A

#587480

#CFDDE3

#0F89BA

#45B5E2

#2E738F

#2F464F

#45B5E2

#7F8E94

#93B8C7

#45B5E2 を使ったアイデンティティ

#45B5E2

#0A658A

#6D99AB

#1CBCFC

#376578

#45B5E2

#509FBF

#2A4C59

#45B5E2

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

#45B5E2

#E245B5

#B5E245

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

#E2A645

#45B5E2

#E2454C

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

#45B5E2

#C145E2

#E27245

#67E245

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

#45B5E2

#E27245

#45B5E2

#B6D5E2

#45B5E2

#1F5266

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

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

#45B5E2

#45B5E2 の色情報

#45B5E2 の色相別色一覧

#45B5E2 の彩度別色一覧

#45B5E2 の明度別色一覧

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

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

#45B5E2 を使ったカマイユ

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

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

#45B5E2 を使ったアイデンティティ

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

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

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

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