# カラーコード #577334：やわらかな ライム

#577334 はRGBで rgb(87, 115, 52)、OKLCHで oklch(51.834% 0.09563 129.103) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/577334

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #577334 |
| RGB | rgb(87, 115, 52) |
| HSL | hsl(86.67, 37.72%, 32.75%) |
| HSB / HSV | hsv(86.67 54.78% 45.1%) |
| HWB | hwb(86.67 20.39% 54.9%) |
| CMYK | cmyk(24% 0% 55% 55%) |
| Lab | lab(45.11 -19.08 30.95) |
| LCH | lch(45.11 36.36 121.65) |
| OKLab | oklab(51.834% -0.06031 0.07421) |
| OKLCH | oklch(51.834% 0.09563 129.103) |
| Display P3 | color(display-p3 0.36369 0.44786 0.23562) |
| Rec. 2020 | color(rec2020 0.32049 0.38883 0.17947) |
| Adobe RGB | color(a98-rgb 0.37696 0.44848 0.23135) |
| ProPhoto RGB | color(prophoto-rgb 0.29615 0.36139 0.19246) |
| 線形sRGB | color(srgb-linear 0.09531 0.17144 0.03434) |
| XYZ D65 | color(xyz-d65 0.10681 0.14535 0.05492) |
| XYZ D50 | color(xyz-d50 0.1125 0.14619 0.04249) |
| SwiftUI | Color(red: 0.341, green: 0.451, blue: 0.204) |
| UIKit | UIColor(red: 0.341, green: 0.451, blue: 0.204, alpha: 1) |
| Flutter / Compose | Color(0xFF577334) |
| Android XML | #577334 |

## 基本情報

- 最も近い色名: やわらかな ライム
- 色相の系統: ライム, やわらかな ライム
- 最も近いTailwindクラス: lime-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 5.37:1
- 黒とのコントラスト: 3.91:1

## ティント

#577334, #668048, #768e5c, #869c70, #97a983, #a7b797, #b8c5ab, #cad4c0, #dbe2d5, #edf0ea

## シェード

#577334, #4b632c, #3e5424, #33451c, #273615, #1c280e, #121b07, #080f03, #030501, #000100

## トーン

#577334, #59723b, #5b7141, #5c7046, #5e6f4c, #606e51, #626d56, #636c5b, #656b5f, #676a64

## カラーハーモニー

- 補色: #577334, #795892
- 分裂補色: #577334, #5d629f, #8c527b
- 類似色: #577334, #76691c, #2d7954
- トライアド: #577334, #396c9d, #974f5d
- テトラード: #577334, #007a74, #795892, #974f5d
- スクエア: #577334, #00758e, #795892, #97543d
- モノクロマティック: #577334, #193000, #37510f, #799757, #9ebd7b

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

### #577334 は何色ですか？

#577334 はやわらかな ライムです。最も近い名前のある色はやわらかな ライムです。RGBでは rgb(87, 115, 52)、HSLでは hsl(86.67, 37.72%, 32.75%)、OKLCHでは oklch(51.834% 0.09563 129.103) です。

### #577334 に合う色は？

#577334 の補色は #795892 です。落ち着いた組み合わせにするなら、類似色の #76691c と #2d7954 を使いましょう。トライアドの組み合わせは #396c9d と #974f5d です。

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

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

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

#577334 はニュートラルの色です。OKLCHでは色相 129度、明度 51.8%、クロマ 0.096 です。