# カラーコード #577d62：スモーキーな 緑

#577d62 はRGBで rgb(87, 125, 98)、OKLCHで oklch(55.319% 0.05992 153.211) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/577d62

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #577d62 |
| RGB | rgb(87, 125, 98) |
| HSL | hsl(137.37, 17.92%, 41.57%) |
| HSB / HSV | hsv(137.37 30.4% 49.02%) |
| HWB | hwb(137.37 34.12% 50.98%) |
| CMYK | cmyk(30% 0% 22% 51%) |
| Lab | lab(48.96 -18.46 10.31) |
| LCH | lch(48.96 21.14 150.81) |
| OKLab | oklab(55.319% -0.05349 0.02701) |
| OKLCH | oklch(55.319% 0.05992 153.211) |
| Display P3 | color(display-p3 0.37311 0.48614 0.39252) |
| Rec. 2020 | color(rec2020 0.34358 0.42937 0.3381) |
| Adobe RGB | color(a98-rgb 0.39069 0.48655 0.38925) |
| ProPhoto RGB | color(prophoto-rgb 0.32917 0.39973 0.3239) |
| 線形sRGB | color(srgb-linear 0.09531 0.20508 0.12214) |
| XYZ D65 | color(xyz-d65 0.13468 0.17575 0.14238) |
| XYZ D50 | color(xyz-d50 0.13802 0.17563 0.10846) |
| SwiftUI | Color(red: 0.341, green: 0.49, blue: 0.384) |
| UIKit | UIColor(red: 0.341, green: 0.49, blue: 0.384, alpha: 1) |
| Flutter / Compose | Color(0xFF577D62) |
| Android XML | #577D62 |

## 基本情報

- 最も近い色名: スモーキーな 緑
- 色相の系統: 緑, スモーキーな 緑
- 最も近いTailwindクラス: olive-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 4.65:1
- 黒とのコントラスト: 4.52:1

## ティント

#577d62, #678971, #77967f, #87a28e, #98af9e, #a9bcad, #b9c9bd, #cad7cd, #dce4de, #edf1ee

## シェード

#577d62, #4b6c54, #3e5b47, #334b3a, #273b2d, #1c2c21, #121e16, #08110b, #030503, #000100

## トーン

#577d62, #5a7c64, #5d7b65, #607a67, #637969, #66786a, #68776c, #6b766e, #6d756f, #707371

## カラーハーモニー

- 補色: #577d62, #886682
- 分裂補色: #577d62, #7a6a90, #91646f
- 類似色: #577d62, #6c7951, #477e76
- トライアド: #577d62, #677096, #92665c
- テトラード: #577d62, #467c88, #886682, #92665c
- スクエア: #577d62, #537793, #886682, #8c6b4d
- モノクロマティック: #577d62, #153a22, #355a41, #7aa185, #9fc7aa

## #577d62 についてのよくある質問

### #577d62 は何色ですか？

#577d62 はスモーキーな 緑です。最も近い名前のある色はスモーキーな 緑です。RGBでは rgb(87, 125, 98)、HSLでは hsl(137.37, 17.92%, 41.57%)、OKLCHでは oklch(55.319% 0.05992 153.211) です。

### #577d62 に合う色は？

#577d62 の補色は #886682 です。落ち着いた組み合わせにするなら、類似色の #6c7951 と #477e76 を使いましょう。トライアドの組み合わせは #677096 と #92665c です。

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

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

### #577d62 は暖色と寒色のどちらですか？

#577d62 は寒色系の色です。OKLCHでは色相 153度、明度 55.3%、クロマ 0.06 です。