# カラーコード #508253：やわらかな 緑

#508253 はRGBで rgb(80, 130, 83)、OKLCHで oklch(55.819% 0.08986 145.616) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #508253 |
| RGB | rgb(80, 130, 83) |
| HSL | hsl(123.6, 23.81%, 41.18%) |
| HSB / HSV | hsv(123.6 38.46% 50.98%) |
| HWB | hwb(123.6 31.37% 49.02%) |
| CMYK | cmyk(38% 0% 36% 49%) |
| Lab | lab(49.87 -25.38 19.98) |
| LCH | lch(49.87 32.3 141.79) |
| OKLab | oklab(55.819% -0.07416 0.05075) |
| OKLCH | oklch(55.819% 0.08986 145.616) |
| Display P3 | color(display-p3 0.35849 0.50477 0.34288) |
| Rec. 2020 | color(rec2020 0.33593 0.44744 0.28798) |
| Adobe RGB | color(a98-rgb 0.38271 0.50567 0.33814) |
| ProPhoto RGB | color(prophoto-rgb 0.3196 0.41496 0.28207) |
| 線形sRGB | color(srgb-linear 0.08022 0.22323 0.0865) |
| XYZ D65 | color(xyz-d65 0.12852 0.18295 0.11038) |
| XYZ D50 | color(xyz-d50 0.13333 0.18312 0.08456) |
| SwiftUI | Color(red: 0.314, green: 0.51, blue: 0.325) |
| UIKit | UIColor(red: 0.314, green: 0.51, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFF508253) |
| Android XML | #508253 |

## 基本情報

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

## ティント

#508253, #618e63, #729a74, #83a684, #94b395, #a6bfa6, #b7ccb7, #c9d8c9, #dbe5db, #edf2ed

## シェード

#508253, #447047, #395f3b, #2e4e30, #243e25, #1a2f1b, #102011, #071208, #020602, #000100

## トーン

#508253, #548157, #587f5a, #5c7e5e, #607d61, #647b64, #677a67, #6a786b, #6e776e, #717571

## カラーハーモニー

- 補色: #508253, #8f6191
- 分裂補色: #508253, #7869a3, #9d5d76
- 類似色: #508253, #727a39, #2a8571
- トライアド: #508253, #5b72a9, #a25e58
- テトラード: #508253, #19838d, #8f6191, #a25e58
- スクエア: #508253, #387ca1, #8f6191, #9c653d
- モノクロマティック: #508253, #093e12, #2e5f32, #73a776, #98cd9a

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

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

#508253 はやわらかな 緑です。最も近い名前のある色はやわらかな 緑です。RGBでは rgb(80, 130, 83)、HSLでは hsl(123.6, 23.81%, 41.18%)、OKLCHでは oklch(55.819% 0.08986 145.616) です。

### #508253 に合う色は？

#508253 の補色は #8f6191 です。落ち着いた組み合わせにするなら、類似色の #727a39 と #2a8571 を使いましょう。トライアドの組み合わせは #5b72a9 と #a25e58 です。

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

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

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

#508253 はニュートラルの色です。OKLCHでは色相 146度、明度 55.8%、クロマ 0.09 です。