#5489E2｜カラーサイト.com

#5489E2 の色情報

#5489E2

画像
HEX	#5489E2
RGB	R:84 G:137 B:226
RGBの割合	R:32.9% G:53.7% B:88.6%
HSV	H:217.6 S:62.8 V:88.6
HSL	H:217.6 S:71.0 L:60.8
CMY	C:67.1 M:46.3 Y:11.4

CMYK	C:62.8 M:39.4 Y:0.0 K:11.4
YCbCr	Y:128.8 Cb:174.9 Cr:98.4
XYZ	X:26.3 Y:25.3 Z:75.4
xyY	x:0.207 y:0.199 Y:25.3

CIE Lab	L:57.3 a:9.8 b*:-50.5
CIE LCh	L:57.3 C:51.5 h:281.0
CIE Luv	L:57.3 u:-23.3 v*:-80.7
Hunter Lab	L:50.3 a:5.5 b:-53.8

#5489E2 の色相別色一覧

#E26654

#E28A54

#E2AD54

#E2D154

#D0E254

#ADE254

#89E254

#66E254

#54E266

#54E28A

#54E2AD

#54E2D1

#54D0E2

#54ADE2

#5489E2

#5466E2

#6654E2

#8A54E2

#AD54E2

#D154E2

#E254D0

#E254AD

#E25489

#E25466

#5489E2 の彩度別色一覧

#DCDEE2

#D0D7E2

#C5D0E2

#BAC9E2

#AEC2E2

#A3BBE2

#98B3E2

#8DACE2

#81A5E2

#769EE2

#6B97E2

#5F90E2

#5489E2

#4982E2

#3D7BE2

#3274E2

#276DE2

#1C66E2

#105FE2

#0557E2

#5489E2 の明度別色一覧

#030609

#080D16

#0D1523

#121D30

#16253C

#1B2C49

#203456

#253C63

#29436F

#2E4B7C

#335389

#385B96

#3C62A2

#416AAF

#4672BC

#4B7AC9

#4F81D5

#5489E2

#5991EF

#5D98FC

#5489E2 を使ったトーンオントーン

#223CA1

#5489E2

#172D4A

#2E61BD

#163575

#385A8C

#5580C4

#2E4157

#163A6E

#5489E2

#2D4A7D

#467AB8

#4C759C

#2B3C54

#5489E2

#5489E2 を使ったトーンイントーン

#4BEAC9

#5489E2

#D86141

#A3DF60

#C642D5

#B5D344

#5DE7AD

#F4866E

#5489E2

#C847CB

#B4D03D

#47FC97

#D3424F

#5489E2

#C866EC

#5489E2 を使ったカマイユ

#5C85EA

#5D9DF4

#537ECE

#5489E2

#5075CB

#618CF6

#5489E2

#5B7ED3

#3865C9

#3A7BC9

#4C88F4

#5489E2

#457AD8

#659EF6

#6495F4

#5489E2 を使ったフォカマイユ

#68A9FC

#7488E7

#5489E2

#6A93EA

#519ACE

#83C8FC

#6BB6F1

#425BBC

#5489E2

#2C51C6

#68ADEC

#5489E2

#335DCB

#558DF1

#4261F4

#5489E2 を使ったドミナントカラー

#505E75

#083A8C

#8791A1

#313336

#5489E2

#7FABF5

#5489E2

#04255C

#B6C5DE

#203457

#0258E8

#AFC0DB

#393B40

#466599

#5489E2

#5489E2 を使ったアイデンティティ

#3A4961

#0341A8

#5489E2

#2656A6

#394D6E

#5489E2

#6F809E

#5489E2

#0D2C61

#5489E2 を使ったトライアド

#5489E2

#E25489

#89E254

#5489E2 を使ったスプリットコンプリメンタリー

#E2DC54

#5489E2

#E27E54

#5489E2 を使ったテトラード

#5489E2

#E254D0

#E2AD54

#54E266

#5489E2 を使ったコントラスト

#5489E2

#E2AD54

#5489E2

#C5D0E2

#5489E2

#263E66

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

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

#5489E2

#5489E2 の色情報

#5489E2 の色相別色一覧

#5489E2 の彩度別色一覧

#5489E2 の明度別色一覧

#5489E2 を使ったトーンオントーン

#5489E2 を使ったトーンイントーン

#5489E2 を使ったカマイユ

#5489E2 を使ったフォカマイユ

#5489E2 を使ったドミナントカラー

#5489E2 を使ったアイデンティティ

#5489E2 を使ったトライアド

#5489E2 を使ったスプリットコンプリメンタリー

#5489E2 を使ったテトラード

#5489E2 を使ったコントラスト