# カラーコード #554d74：くすんだ 暗いバイオレット

#554d74 はRGBで rgb(85, 77, 116)、OKLCHで oklch(44.457% 0.06362 293.043) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/554d74

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #554d74 |
| RGB | rgb(85, 77, 116) |
| HSL | hsl(252.31, 20.21%, 37.84%) |
| HSB / HSV | hsv(252.31 33.62% 45.49%) |
| HWB | hwb(252.31 30.2% 54.51%) |
| CMYK | cmyk(27% 34% 0% 55%) |
| Lab | lab(34.8 10.47 -21.31) |
| LCH | lch(34.8 23.74 296.17) |
| OKLab | oklab(44.457% 0.0249 -0.05855) |
| OKLCH | oklch(44.457% 0.06362 293.043) |
| Display P3 | color(display-p3 0.32802 0.30306 0.44416) |
| Rec. 2020 | color(rec2020 0.27081 0.24646 0.38858) |
| Adobe RGB | color(a98-rgb 0.32791 0.30648 0.44738) |
| ProPhoto RGB | color(prophoto-rgb 0.27379 0.24355 0.36305) |
| 線形sRGB | color(srgb-linear 0.09084 0.07421 0.17465) |
| XYZ D65 | color(xyz-d65 0.09552 0.085 0.17661) |
| XYZ D50 | color(xyz-d50 0.09318 0.084 0.13319) |
| SwiftUI | Color(red: 0.333, green: 0.302, blue: 0.455) |
| UIKit | UIColor(red: 0.333, green: 0.302, blue: 0.455, alpha: 1) |
| Flutter / Compose | Color(0xFF554D74) |
| Android XML | #554D74 |

## 基本情報

- 最も近い色名: くすんだ 暗いバイオレット
- 色相の系統: バイオレット, くすんだ 暗いバイオレット
- 最も近いTailwindクラス: slate-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 7.78:1
- 黒とのコントラスト: 2.7:1

## ティント

#554d74, #645d81, #746e8f, #847f9c, #9590aa, #a6a2b8, #b7b4c6, #c8c6d4, #dad9e2, #edecf1

## シェード

#554d74, #494264, #3d3754, #312c45, #262237, #1c1829, #110f1b, #08070f, #020205, #000001

## トーン

#554d74, #554e71, #554f6e, #544f6b, #545067, #545164, #545161, #54525e, #54535a, #545357

## カラーハーモニー

- 補色: #554d74, #54582c
- 分裂補色: #554d74, #655028, #3e5d3c
- 類似色: #554d74, #415477, #654868
- トライアド: #554d74, #704a31, #285f50
- テトラード: #554d74, #6f4557, #54582c, #285f50
- スクエア: #554d74, #734543, #54582c, #1e5e63
- モノクロマティック: #554d74, #190f31, #352d51, #776f98, #9b93be

## #554d74 についてのよくある質問

### #554d74 は何色ですか？

#554d74 はくすんだ 暗いバイオレットです。最も近い名前のある色はくすんだ 暗いバイオレットです。RGBでは rgb(85, 77, 116)、HSLでは hsl(252.31, 20.21%, 37.84%)、OKLCHでは oklch(44.457% 0.06362 293.043) です。

### #554d74 に合う色は？

#554d74 の補色は #54582c です。落ち着いた組み合わせにするなら、類似色の #415477 と #654868 を使いましょう。トライアドの組み合わせは #704a31 と #285f50 です。

### #554d74 の上では白と黒のどちらの文字が読みやすいですか？

#554d74 の上では白の文字のほうが読みやすくなります。白はコントラスト比 7.78:1、黒は 2.7:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #554d74 は暖色と寒色のどちらですか？

#554d74 は寒色系の色です。OKLCHでは色相 293度、明度 44.5%、クロマ 0.064 です。