# カラーコード #abc77e：やわらかな 明るいライム

#abc77e はRGBで rgb(171, 199, 126)、OKLCHで oklch(79.136% 0.10189 125.717) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #abc77e |
| RGB | rgb(171, 199, 126) |
| HSL | hsl(83.01, 39.46%, 63.73%) |
| HSB / HSV | hsv(83.01 36.68% 78.04%) |
| HWB | hwb(83.01 49.41% 21.96%) |
| CMYK | cmyk(14% 0% 37% 22%) |
| Lab | lab(76.84 -18.96 33.31) |
| LCH | lch(76.84 38.32 119.65) |
| OKLab | oklab(79.136% -0.05948 0.08272) |
| OKLCH | oklch(79.136% 0.10189 125.717) |
| Display P3 | color(display-p3 0.69175 0.77707 0.52536) |
| Rec. 2020 | color(rec2020 0.67017 0.7446 0.48318) |
| Adobe RGB | color(a98-rgb 0.69828 0.77515 0.50601) |
| ProPhoto RGB | color(prophoto-rgb 0.62848 0.71361 0.46769) |
| 線形sRGB | color(srgb-linear 0.40724 0.57112 0.20864) |
| XYZ D65 | color(xyz-d65 0.40982 0.51011 0.27426) |
| XYZ D50 | color(xyz-d50 0.4274 0.51269 0.2101) |
| SwiftUI | Color(red: 0.671, green: 0.78, blue: 0.494) |
| UIKit | UIColor(red: 0.671, green: 0.78, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFFABC77E) |
| Android XML | #ABC77E |

## 基本情報

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

## ティント

#abc77e, #b3cd8b, #bbd298, #c4d8a5, #ccdeb2, #d4e3bf, #dde9cc, #e5eed9, #eef4e5, #f6f9f2

## シェード

#abc77e, #94ad6d, #7e935c, #687a4c, #54623c, #404c2d, #2d361f, #1b2111, #0b0e05, #010201

## トーン

#abc77e, #adc685, #aec58b, #b0c492, #b1c398, #b3c19e, #b4c0a4, #b6bfaa, #b8beb0, #b9bcb5

## カラーハーモニー

- 補色: #abc77e, #cbaaef
- 分裂補色: #abc77e, #a9b6fd, #e5a2d4
- 類似色: #abc77e, #cfbb6c, #83cf9f
- トライアド: #abc77e, #82c2f9, #f39fb1
- テトラード: #abc77e, #64d0c4, #cbaaef, #f39fb1
- スクエア: #abc77e, #64cce4, #cbaaef, #f5a38e
- モノクロマティック: #abc77e, #637c35, #86a159, #d1eea4, #e4ffb7

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

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

#abc77e はやわらかな 明るいライムです。最も近い名前のある色はやわらかな 明るいライムです。RGBでは rgb(171, 199, 126)、HSLでは hsl(83.01, 39.46%, 63.73%)、OKLCHでは oklch(79.136% 0.10189 125.717) です。

### #abc77e に合う色は？

#abc77e の補色は #cbaaef です。落ち着いた組み合わせにするなら、類似色の #cfbb6c と #83cf9f を使いましょう。トライアドの組み合わせは #82c2f9 と #f39fb1 です。

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

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

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

#abc77e はニュートラルの色です。OKLCHでは色相 126度、明度 79.1%、クロマ 0.102 です。