#548AD2｜カラーサイト.com

#548AD2 の色情報

#548AD2

画像
HEX	#548AD2
RGB	R:84 G:138 B:210
RGBの割合	R:32.9% G:54.1% B:82.4%
HSV	H:214.3 S:60.0 V:82.4
HSL	H:214.3 S:58.3 L:57.6
CMY	C:67.1 M:45.9 Y:17.6

CMYK	C:60.0 M:34.3 Y:0.0 K:17.6
YCbCr	Y:127.7 Cb:167.6 Cr:99.2
XYZ	X:24.4 Y:24.7 Z:64.5
xyY	x:0.215 y:0.218 Y:24.7

CIE Lab	L:56.8 a:3.9 b*:-42.4
CIE LCh	L:56.8 C:42.6 h:275.2
CIE Luv	L:56.8 u:-23.8 v*:-66.7
Hunter Lab	L:49.7 a:0.5 b:-42.1

#548AD2 の色相別色一覧

#D25D54

#D27D54

#D29C54

#D2BC54

#C9D254

#AAD254

#8AD254

#6BD254

#54D25D

#54D27D

#54D29C

#54D2BC

#54C9D2

#54AAD2

#548AD2

#546BD2

#5D54D2

#7D54D2

#9C54D2

#BC54D2

#D254C9

#D254AA

#D2548A

#D2546B

#548AD2 の彩度別色一覧

#D2D2D2

#C8CCD2

#BDC6D2

#B3C0D2

#A8BAD2

#9EB4D2

#93AED2

#89A8D2

#7EA2D2

#749CD2

#6996D2

#5F90D2

#548AD2

#4A84D2

#3F7ED2

#3578D2

#2A72D2

#206CD2

#1566D2

#0B60D2

#548AD2 の明度別色一覧

#020406

#070C13

#0D1520

#121D2C

#172539

#1C2E46

#213653

#263F5F

#2B476C

#304F79

#355886

#3B6092

#40689F

#4571AC

#4A79B9

#4F82C5

#548AD2

#5992DF

#5E9BEC

#63A3F8

#548AD2 を使ったトーンオントーン

#3E5778

#313E54

#7DC1F0

#548AD2

#436B94

#1C4D73

#2A3952

#3A73B5

#527FA1

#548AD2

#12224A

#3A4C7A

#21429E

#4F69B0

#548AD2 を使ったトーンイントーン

#C0DC54

#548AD2

#D852EC

#E46B69

#50CD7A

#548AD2

#AEE472

#D77365

#DB4DE4

#6CECC2

#9E61C3

#4BD766

#C0475D

#548AD2

#B0B941

#548AD2 を使ったカマイユ

#4570BB

#618EDC

#548AD2

#5284C3

#557DBE

#4277B9

#5490D7

#548AD2

#648BC8

#5A85C3

#548AD2

#4D7CC5

#3B77B9

#4673BE

#6CA3D7

#548AD2 を使ったフォカマイユ

#7491E9

#548AD2

#4AB8F8

#7CB5F3

#4A83EE

#3873C8

#548AD2

#84C7F1

#52A1D7

#507EE4

#6AACEC

#548AD2

#69A7DF

#85C2F6

#5272D7

#548AD2 を使ったドミナントカラー

#2266BF

#2F353D

#649CE8

#1A293D

#548AD2

#CEDDF2

#D3DAE3

#548AD2

#2D7EEB

#90BEFC

#081C36

#242C36

#074291

#548AD2

#7996BD

#548AD2 を使ったトライアド

#548AD2

#D2548A

#8AD254

#548AD2 を使ったスプリットコンプリメンタリー

#D2C654

#548AD2

#D27254

#548AD2 を使ったテトラード

#548AD2

#D254C9

#D29C54

#54D25D

#548AD2 を使ったコントラスト

#548AD2

#D29C54

#548AD2

#BDC6D2

#548AD2

#294366

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

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

#548AD2

#548AD2 の色情報

#548AD2 の色相別色一覧

#548AD2 の彩度別色一覧

#548AD2 の明度別色一覧

#548AD2 を使ったトーンオントーン

#548AD2 を使ったトーンイントーン

#548AD2 を使ったカマイユ

#548AD2 を使ったフォカマイユ

#548AD2 を使ったドミナントカラー

#548AD2 を使ったトライアド

#548AD2 を使ったスプリットコンプリメンタリー

#548AD2 を使ったテトラード

#548AD2 を使ったコントラスト