# カラーコード #abc297：くすんだ 明るいライム

#abc297 はRGBで rgb(171, 194, 151)、OKLCHで oklch(78.532% 0.06425 130.7) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #abc297 |
| RGB | rgb(171, 194, 151) |
| HSL | hsl(92.09, 26.06%, 67.65%) |
| HSB / HSV | hsv(92.09 22.16% 76.08%) |
| HWB | hwb(92.09 59.22% 23.92%) |
| CMYK | cmyk(12% 0% 22% 24%) |
| Lab | lab(75.83 -13.93 18.99) |
| LCH | lch(75.83 23.55 126.27) |
| OKLab | oklab(78.532% -0.0419 0.04871) |
| OKLCH | oklch(78.532% 0.06425 130.7) |
| Display P3 | color(display-p3 0.68773 0.75801 0.60785) |
| Rec. 2020 | color(rec2020 0.66552 0.72522 0.56939) |
| Adobe RGB | color(a98-rgb 0.69194 0.75531 0.59475) |
| ProPhoto RGB | color(prophoto-rgb 0.63147 0.69538 0.54754) |
| 線形sRGB | color(srgb-linear 0.40724 0.53948 0.30947) |
| XYZ D65 | color(xyz-d65 0.4167 0.49476 0.36634) |
| XYZ D50 | color(xyz-d50 0.42964 0.49611 0.27904) |
| SwiftUI | Color(red: 0.671, green: 0.761, blue: 0.592) |
| UIKit | UIColor(red: 0.671, green: 0.761, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFFABC297) |
| Android XML | #ABC297 |

## 基本情報

- 最も近い色名: くすんだ 明るいライム
- 色相の系統: ライム, くすんだ 明るいライム
- 最も近いTailwindクラス: olive-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.93:1
- 黒とのコントラスト: 10.9:1

## ティント

#abc297, #b3c8a1, #bbceab, #c4d4b6, #ccdac0, #d4e0ca, #dde6d5, #e5eddf, #eef3ea, #f6f9f4

## シェード

#abc297, #94a883, #7e8f6f, #68775c, #546049, #404937, #2d3426, #1b2017, #0b0e08, #010201

## トーン

#abc297, #acc19b, #aec09e, #afbfa2, #b1bfa5, #b2bea8, #b3bdac, #b5bcaf, #b6bbb2, #b7bab6

## カラーハーモニー

- 補色: #abc297, #c6aed8
- 分裂補色: #abc297, #b1b5e2, #d6a9c6
- 類似色: #abc297, #c2bb8b, #95c6ac
- トライアド: #abc297, #9bbde1, #dfa9af
- テトラード: #abc297, #88c7c3, #c6aed8, #dfa9af
- スクエア: #abc297, #8bc3d6, #c6aed8, #deac9a
- モノクロマティック: #abc297, #637850, #869c73, #d1e9bd, #e6ffd2

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

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

#abc297 はくすんだ 明るいライムです。最も近い名前のある色はくすんだ 明るいライムです。RGBでは rgb(171, 194, 151)、HSLでは hsl(92.09, 26.06%, 67.65%)、OKLCHでは oklch(78.532% 0.06425 130.7) です。

### #abc297 に合う色は？

#abc297 の補色は #c6aed8 です。落ち着いた組み合わせにするなら、類似色の #c2bb8b と #95c6ac を使いましょう。トライアドの組み合わせは #9bbde1 と #dfa9af です。

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

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

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

#abc297 はニュートラルの色です。OKLCHでは色相 131度、明度 78.5%、クロマ 0.064 です。