# カラーコード #98bc99：スモーキーな 明るい緑

#98bc99 はRGBで rgb(152, 188, 153)、OKLCHで oklch(75.914% 0.06287 145.641) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/98bc99

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #98bc99 |
| RGB | rgb(152, 188, 153) |
| HSL | hsl(121.67, 21.18%, 66.67%) |
| HSB / HSV | hsv(121.67 19.15% 73.73%) |
| HWB | hwb(121.67 59.61% 26.27%) |
| CMYK | cmyk(19% 0% 19% 26%) |
| Lab | lab(72.87 -17.72 13.61) |
| LCH | lch(72.87 22.35 142.47) |
| OKLab | oklab(75.914% -0.0519 0.03548) |
| OKLCH | oklch(75.914% 0.06287 145.641) |
| Display P3 | color(display-p3 0.6242 0.73312 0.61123) |
| Rec. 2020 | color(rec2020 0.60889 0.6965 0.57245) |
| Adobe RGB | color(a98-rgb 0.63457 0.73157 0.60081) |
| ProPhoto RGB | color(prophoto-rgb 0.58161 0.66446 0.54932) |
| 線形sRGB | color(srgb-linear 0.31399 0.50289 0.31855) |
| XYZ D65 | color(xyz-d65 0.3668 0.44941 0.3688) |
| XYZ D50 | color(xyz-d50 0.37618 0.44968 0.28067) |
| SwiftUI | Color(red: 0.596, green: 0.737, blue: 0.6) |
| UIKit | UIColor(red: 0.596, green: 0.737, blue: 0.6, alpha: 1) |
| Flutter / Compose | Color(0xFF98BC99) |
| Android XML | #98BC99 |

## 基本情報

- 最も近い色名: スモーキーな 明るい緑
- 色相の系統: 緑, スモーキーな 明るい緑
- 最も近いTailwindクラス: olive-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.1:1
- 黒とのコントラスト: 9.99:1

## ティント

#98bc99, #a2c3a3, #acc9ad, #b6d0b7, #c1d7c1, #cbddcb, #d5e4d5, #e0ebe0, #eaf1ea, #f4f8f4

## シェード

#98bc99, #84a384, #708b70, #5c735d, #4a5d4a, #384738, #273227, #171f17, #080d08, #010201

## トーン

#98bc99, #9bbb9b, #9dba9e, #a0b9a0, #a2b8a3, #a5b6a5, #a7b5a7, #aab4aa, #acb3ac, #aeb2ae

## カラーハーモニー

- 補色: #98bc99, #c6a3c7
- 分裂補色: #98bc99, #b4a9d5, #d2a1b2
- 類似色: #98bc99, #afb689, #86beaf
- トライアド: #98bc99, #9eb1da, #d6a29c
- テトラード: #98bc99, #80bdc4, #c6a3c7, #d6a29c
- スクエア: #98bc99, #8ab8d4, #c6a3c7, #d1a78b
- モノクロマティック: #98bc99, #517353, #749675, #bee3bf, #dbffdc

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

### #98bc99 は何色ですか？

#98bc99 はスモーキーな 明るい緑です。最も近い名前のある色はスモーキーな 明るい緑です。RGBでは rgb(152, 188, 153)、HSLでは hsl(121.67, 21.18%, 66.67%)、OKLCHでは oklch(75.914% 0.06287 145.641) です。

### #98bc99 に合う色は？

#98bc99 の補色は #c6a3c7 です。落ち着いた組み合わせにするなら、類似色の #afb689 と #86beaf を使いましょう。トライアドの組み合わせは #9eb1da と #d6a29c です。

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

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

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

#98bc99 はニュートラルの色です。OKLCHでは色相 146度、明度 75.9%、クロマ 0.063 です。