# カラーコード #abc057：鮮やかな 明るいライム

#abc057 はRGBで rgb(171, 192, 87)、OKLCHで oklch(76.993% 0.13325 119.065) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #abc057 |
| RGB | rgb(171, 192, 87) |
| HSL | hsl(72, 45.45%, 54.71%) |
| HSB / HSV | hsv(72 54.69% 75.29%) |
| HWB | hwb(72 34.12% 24.71%) |
| CMYK | cmyk(11% 0% 55% 25%) |
| Lab | lab(74.46 -18.83 49.38) |
| LCH | lch(74.46 52.85 110.87) |
| OKLab | oklab(76.993% -0.06473 0.11647) |
| OKLCH | oklch(76.993% 0.13325 119.065) |
| Display P3 | color(display-p3 0.68615 0.75039 0.39861) |
| Rec. 2020 | color(rec2020 0.65515 0.71545 0.35221) |
| Adobe RGB | color(a98-rgb 0.68944 0.74739 0.37117) |
| ProPhoto RGB | color(prophoto-rgb 0.60354 0.68278 0.35033) |
| 線形sRGB | color(srgb-linear 0.40724 0.52712 0.09531) |
| XYZ D65 | color(xyz-d65 0.37363 0.47045 0.16129) |
| XYZ D50 | color(xyz-d50 0.39424 0.47427 0.1249) |
| SwiftUI | Color(red: 0.671, green: 0.753, blue: 0.341) |
| UIKit | UIColor(red: 0.671, green: 0.753, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFFABC057) |
| Android XML | #ABC057 |

## 基本情報

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

## ティント

#abc057, #b3c66a, #bbcd7c, #c3d38d, #cbda9e, #d4e0af, #dce6bf, #e5edcf, #edf3df, #f6f9ef

## シェード

#abc057, #94a74b, #7e8e3e, #687633, #545f27, #40491c, #2d3412, #1b2008, #0b0e03, #010200

## トーン

#abc057, #acbf63, #adbe6e, #adbd78, #aebc82, #afbb8b, #b0ba93, #b1b89c, #b2b7a4, #b3b5ac

## カラーハーモニー

- 補色: #abc057, #c0a0fd
- 分裂補色: #abc057, #92b0ff, #e394de
- 類似色: #abc057, #d6af41, #72cc85
- トライアド: #abc057, #57bfff, #f88eb2
- テトラード: #abc057, #29cfb6, #c0a0fd, #f88eb2
- スクエア: #abc057, #00cbe2, #c0a0fd, #fe9282
- モノクロマティック: #abc057, #647500, #879a2d, #d1e77e, #ebff98

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

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

#abc057 は鮮やかな 明るいライムです。最も近い名前のある色は鮮やかな 明るいライムです。RGBでは rgb(171, 192, 87)、HSLでは hsl(72, 45.45%, 54.71%)、OKLCHでは oklch(76.993% 0.13325 119.065) です。

### #abc057 に合う色は？

#abc057 の補色は #c0a0fd です。落ち着いた組み合わせにするなら、類似色の #d6af41 と #72cc85 を使いましょう。トライアドの組み合わせは #57bfff と #f88eb2 です。

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

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

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

#abc057 はニュートラルの色です。OKLCHでは色相 119度、明度 77%、クロマ 0.133 です。