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

#554b72 はRGBで rgb(85, 75, 114)、OKLCHで oklch(43.926% 0.06407 295.419) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #554b72 |
| RGB | rgb(85, 75, 114) |
| HSL | hsl(255.38, 20.63%, 37.06%) |
| HSB / HSV | hsv(255.38 34.21% 44.71%) |
| HWB | hwb(255.38 29.41% 55.29%) |
| CMYK | cmyk(25% 34% 0% 55%) |
| Lab | lab(34.16 11.26 -21.05) |
| LCH | lch(34.16 23.87 298.13) |
| OKLab | oklab(43.926% 0.0275 -0.05786) |
| OKLCH | oklch(43.926% 0.06407 295.419) |
| Display P3 | color(display-p3 0.32678 0.29552 0.43645) |
| Rec. 2020 | color(rec2020 0.26791 0.23901 0.38042) |
| Adobe RGB | color(a98-rgb 0.326 0.29914 0.43982) |
| ProPhoto RGB | color(prophoto-rgb 0.27038 0.23739 0.35553) |
| 線形sRGB | color(srgb-linear 0.09084 0.07036 0.16827) |
| XYZ D65 | color(xyz-d65 0.09299 0.08178 0.17009) |
| XYZ D50 | color(xyz-d50 0.09079 0.08085 0.12826) |
| SwiftUI | Color(red: 0.333, green: 0.294, blue: 0.447) |
| UIKit | UIColor(red: 0.333, green: 0.294, blue: 0.447, alpha: 1) |
| Flutter / Compose | Color(0xFF554B72) |
| Android XML | #554B72 |

## 基本情報

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

## ティント

#554b72, #645b80, #746c8d, #847d9b, #958fa9, #a6a1b7, #b7b3c5, #c8c6d3, #dad8e2, #edecf0

## シェード

#554b72, #494062, #3d3553, #312b44, #262136, #1c1728, #110e1b, #08060e, #020204, #000001

## トーン

#554b72, #554c6f, #544d6c, #544e69, #544e66, #534f62, #53505f, #53505c, #535159, #525256

## カラーハーモニー

- 補色: #554b72, #51572c
- 分裂補色: #554b72, #625026, #3b5c3c
- 類似色: #554b72, #415276, #654666
- トライアド: #554b72, #6e492e, #255e51
- テトラード: #554b72, #6e4354, #51572c, #255e51
- スクエア: #554b72, #724440, #51572c, #1c5c63
- モノクロマティック: #554b72, #190e2f, #352b50, #776d96, #9b91bc

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

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

#554b72 はくすんだ 暗いバイオレットです。最も近い名前のある色はくすんだ 暗いバイオレットです。RGBでは rgb(85, 75, 114)、HSLでは hsl(255.38, 20.63%, 37.06%)、OKLCHでは oklch(43.926% 0.06407 295.419) です。

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

#554b72 の補色は #51572c です。落ち着いた組み合わせにするなら、類似色の #415276 と #654666 を使いましょう。トライアドの組み合わせは #6e492e と #255e51 です。

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

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

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

#554b72 は寒色系の色です。OKLCHでは色相 295度、明度 43.9%、クロマ 0.064 です。