# カラーコード #9bc09e：スモーキーな 明るい緑

#9bc09e はRGBで rgb(155, 192, 158)、OKLCHで oklch(77.136% 0.06225 147.111) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/9bc09e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9bc09e |
| RGB | rgb(155, 192, 158) |
| HSL | hsl(124.86, 22.7%, 68.04%) |
| HSB / HSV | hsv(124.86 19.27% 75.29%) |
| HWB | hwb(124.86 60.78% 24.71%) |
| CMYK | cmyk(19% 0% 18% 25%) |
| Lab | lab(74.29 -17.88 12.94) |
| LCH | lch(74.29 22.07 144.11) |
| OKLab | oklab(77.136% -0.05227 0.0338) |
| OKLCH | oklch(77.136% 0.06225 147.111) |
| Display P3 | color(display-p3 0.63677 0.7487 0.63031) |
| Rec. 2020 | color(rec2020 0.62364 0.71352 0.5931) |
| Adobe RGB | color(a98-rgb 0.64756 0.74739 0.62005) |
| ProPhoto RGB | color(prophoto-rgb 0.59736 0.68213 0.56992) |
| 線形sRGB | color(srgb-linear 0.32778 0.52712 0.34191) |
| XYZ D65 | color(xyz-d65 0.38537 0.47136 0.39417) |
| XYZ D50 | color(xyz-d50 0.39487 0.47154 0.2999) |
| SwiftUI | Color(red: 0.608, green: 0.753, blue: 0.62) |
| UIKit | UIColor(red: 0.608, green: 0.753, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF9BC09E) |
| Android XML | #9BC09E |

## 基本情報

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

## ティント

#9bc09e, #a5c6a7, #afccb1, #b9d3ba, #c3d9c4, #cddfce, #d7e6d7, #e1ece1, #ebf2eb, #f5f9f5

## シェード

#9bc09e, #86a789, #728e74, #5e7660, #4b5f4d, #39493a, #283429, #182018, #090e09, #010201

## トーン

#9bc09e, #9ebfa0, #a0bea3, #a3bda5, #a6bca7, #a8baa9, #abb9ac, #adb8ae, #b0b7b0, #b2b6b2

## カラーハーモニー

- 補色: #9bc09e, #cba7ca
- 分裂補色: #9bc09e, #b8add8, #d6a5b5
- 類似色: #9bc09e, #b1ba8d, #8ac2b4
- トライアド: #9bc09e, #a3b4dd, #daa69f
- テトラード: #9bc09e, #85c0c9, #cba7ca, #daa69f
- スクエア: #9bc09e, #8fbbd8, #cba7ca, #d4ab8e
- モノクロマティック: #9bc09e, #547657, #779a7a, #c1e7c4, #daffdd

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

### #9bc09e は何色ですか？

#9bc09e はスモーキーな 明るい緑です。最も近い名前のある色はスモーキーな 明るい緑です。RGBでは rgb(155, 192, 158)、HSLでは hsl(124.86, 22.7%, 68.04%)、OKLCHでは oklch(77.136% 0.06225 147.111) です。

### #9bc09e に合う色は？

#9bc09e の補色は #cba7ca です。落ち着いた組み合わせにするなら、類似色の #b1ba8d と #8ac2b4 を使いましょう。トライアドの組み合わせは #a3b4dd と #daa69f です。

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

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

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

#9bc09e はニュートラルの色です。OKLCHでは色相 147度、明度 77.1%、クロマ 0.062 です。