#557EB2｜カラーサイト.com

#557EB2 の色情報

#557EB2

画像
HEX	#557EB2
RGB	R:85 G:126 B:178
RGBの割合	R:33.3% G:49.4% B:69.8%
HSV	H:213.5 S:52.2 V:69.8
HSL	H:213.5 S:37.7 L:51.6
CMY	C:66.7 M:50.6 Y:30.2

CMYK	C:52.2 M:29.2 Y:0.0 K:30.2
YCbCr	Y:118.8 Cb:156.9 Cr:106.3
XYZ	X:19.2 Y:20.1 Z:45.0
xyY	x:0.228 y:0.238 Y:20.1

CIE Lab	L:51.9 a:0.9 b*:-31.9
CIE LCh	L:51.9 C:31.9 h:271.6
CIE Luv	L:51.9 u:-19.5 v*:-48.3
Hunter Lab	L:44.8 a:-1.7 b:-28.2

#557EB2 の色相別色一覧

#B25B55

#B27255

#B28955

#B2A055

#ADB255

#95B255

#7EB255

#67B255

#55B25B

#55B272

#55B289

#55B2A0

#55ADB2

#5595B2

#557EB2

#5567B2

#5B55B2

#7255B2

#8955B2

#A055B2

#B255AD

#B25595

#B2557E

#B25567

#557EB2 の彩度別色一覧

#AEB0B2

#A5ABB2

#9CA6B2

#93A1B2

#8A9CB2

#8297B2

#7992B2

#708DB2

#6788B2

#5E83B2

#557EB2

#4C79B2

#4374B2

#3A6FB2

#316AB2

#2965B2

#2060B2

#175BB2

#0E56B2

#0551B2

#557EB2 の明度別色一覧

#06090C

#0C1219

#121B26

#182433

#1E2D3F

#24364C

#2A3F59

#304866

#375172

#3D5A7F

#43638C

#496C99

#4F75A5

#557EB2

#5B87BF

#6190CC

#6799D8

#6DA2E5

#73ABF2

#7AB4FF

#557EB2 を使ったトーンオントーン

#233657

#779AF0

#45576B

#557EB2

#417094

#557EB2

#212F45

#5A6D94

#61B6F5

#344C69

#6EBBF5

#5192CC

#557EB2

#1E3F5C

#25477D

#557EB2 を使ったトーンイントーン

#AA5F40

#557EB2

#943B9B

#7BB55C

#47AAA0

#A35C69

#783EA0

#63BF8D

#97A53E

#557EB2

#A5424B

#95599E

#557EB2

#A2B55C

#3B9963

#557EB2 を使ったカマイユ

#506B9B

#557EB2

#6893BA

#4D79AD

#56749B

#557EB2

#4877A5

#55749E

#6F94C6

#4F88BC

#3A6799

#44639B

#547CC4

#557EB2

#4870AD

#557EB2 を使ったフォカマイユ

#386A9E

#3A508E

#5085CE

#557EB2

#3673A0

#40559E

#4E6593

#557EB2

#37629E

#4D6399

#5D9BCC

#5888CE

#3D5D99

#407DA0

#557EB2

#557EB2 を使ったドミナントカラー

#3D5D85

#2C5B96

#0874FC

#557EB2

#134078

#A5B5C9

#537EB5

#004194

#797C80

#557EB2

#0A356B

#557EB2

#163A66

#9AC5FC

#A1B6D1

#557EB2 を使ったアイデンティティ

#557EB2

#217BED

#526275

#4D8CDB

#123766

#557EB2

#0B3366

#557EB2

#8CAACF

#557EB2 を使ったトライアド

#557EB2

#B2557E

#7EB255

#557EB2 を使ったスプリットコンプリメンタリー

#B2A855

#557EB2

#B26A55

#557EB2 を使ったテトラード

#557EB2

#B255AD

#B28955

#55B25B

#557EB2 を使ったコントラスト

#557EB2

#B28955

#557EB2

#AEB0B2

#557EB2

#7AB5FF

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

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

#557EB2

#557EB2 の色情報

#557EB2 の色相別色一覧

#557EB2 の彩度別色一覧

#557EB2 の明度別色一覧

#557EB2 を使ったトーンオントーン

#557EB2 を使ったトーンイントーン

#557EB2 を使ったカマイユ

#557EB2 を使ったフォカマイユ

#557EB2 を使ったドミナントカラー

#557EB2 を使ったアイデンティティ

#557EB2 を使ったトライアド

#557EB2 を使ったスプリットコンプリメンタリー

#557EB2 を使ったテトラード

#557EB2 を使ったコントラスト