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

#8aae57 はRGBで rgb(138, 174, 87)、OKLCHで oklch(70.448% 0.12212 127.761) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8aae57

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8aae57 |
| RGB | rgb(138, 174, 87) |
| HSL | hsl(84.83, 34.94%, 51.18%) |
| HSB / HSV | hsv(84.83 50% 68.24%) |
| HWB | hwb(84.83 34.12% 31.76%) |
| CMYK | cmyk(21% 0% 50% 32%) |
| Lab | lab(66.96 -23.56 40.03) |
| LCH | lch(66.96 46.45 120.47) |
| OKLab | oklab(70.448% -0.07479 0.09655) |
| OKLCH | oklch(70.448% 0.12212 127.761) |
| Display P3 | color(display-p3 0.56957 0.67826 0.38375) |
| Rec. 2020 | color(rec2020 0.543 0.63495 0.3347) |
| Adobe RGB | color(a98-rgb 0.58046 0.67642 0.36472) |
| ProPhoto RGB | color(prophoto-rgb 0.50047 0.59889 0.33087) |
| 線形sRGB | color(srgb-linear 0.25415 0.42327 0.09531) |
| XYZ D65 | color(xyz-d65 0.27337 0.36363 0.14596) |
| XYZ D50 | color(xyz-d50 0.28749 0.36576 0.11269) |
| SwiftUI | Color(red: 0.541, green: 0.682, blue: 0.341) |
| UIKit | UIColor(red: 0.541, green: 0.682, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFF8AAE57) |
| Android XML | #8AAE57 |

## 基本情報

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

## ティント

#8aae57, #95b669, #a0be7a, #acc68b, #b7cf9c, #c3d7ac, #cfdfbd, #dbe7cd, #e7efde, #f3f7ee

## シェード

#8aae57, #77974b, #65803e, #536a33, #425527, #32411c, #222e12, #141c08, #070b03, #010100

## トーン

#8aae57, #8cad60, #8eac68, #91aa70, #93a977, #95a77f, #97a686, #99a48c, #9ba393, #9da199

## カラーハーモニー

- 補色: #8aae57, #b58ada
- 分裂補色: #8aae57, #8e98eb, #d081ba
- 類似色: #8aae57, #b4a03a, #54b782
- トライアド: #8aae57, #5da6e8, #e07e92
- テトラード: #8aae57, #04b8ae, #b58ada, #e07e92
- スクエア: #8aae57, #1bb1d2, #b58ada, #e08367
- モノクロマティック: #8aae57, #456500, #678931, #afd57c, #d5fda3

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

### #8aae57 は何色ですか？

#8aae57 はやわらかな 明るいライムです。最も近い名前のある色はやわらかな 明るいライムです。RGBでは rgb(138, 174, 87)、HSLでは hsl(84.83, 34.94%, 51.18%)、OKLCHでは oklch(70.448% 0.12212 127.761) です。

### #8aae57 に合う色は？

#8aae57 の補色は #b58ada です。落ち着いた組み合わせにするなら、類似色の #b4a03a と #54b782 を使いましょう。トライアドの組み合わせは #5da6e8 と #e07e92 です。

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

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

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

#8aae57 はニュートラルの色です。OKLCHでは色相 128度、明度 70.4%、クロマ 0.122 です。