# カラーコード #9cd69e：パステル調の 明るい緑

#9cd69e はRGBで rgb(156, 214, 158)、OKLCHで oklch(82.169% 0.09788 145.46) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9cd69e |
| RGB | rgb(156, 214, 158) |
| HSL | hsl(122.07, 41.43%, 72.55%) |
| HSB / HSV | hsv(122.07 27.1% 83.92%) |
| HWB | hwb(122.07 61.18% 16.08%) |
| CMYK | cmyk(27% 0% 26% 16%) |
| Lab | lab(80.56 -27.55 21.53) |
| LCH | lch(80.56 34.97 141.98) |
| OKLab | oklab(82.169% -0.08062 0.05549) |
| OKLCH | oklch(82.169% 0.09788 145.46) |
| Display P3 | color(display-p3 0.65976 0.83293 0.63877) |
| Rec. 2020 | color(rec2020 0.66418 0.80326 0.60419) |
| Adobe RGB | color(a98-rgb 0.6808 0.8349 0.62485) |
| ProPhoto RGB | color(prophoto-rgb 0.63856 0.7734 0.58473) |
| 線形sRGB | color(srgb-linear 0.33245 0.67244 0.34191) |
| XYZ D65 | color(xyz-d65 0.43926 0.57629 0.41158) |
| XYZ D50 | color(xyz-d50 0.45288 0.57676 0.31407) |
| SwiftUI | Color(red: 0.612, green: 0.839, blue: 0.62) |
| UIKit | UIColor(red: 0.612, green: 0.839, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF9CD69E) |
| Android XML | #9CD69E |

## 基本情報

- 最も近い色名: パステル調の 明るい緑
- 色相の系統: 緑, パステル調の 明るい緑
- 最も近いTailwindクラス: emerald-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.68:1
- 黒とのコントラスト: 12.53:1

## ティント

#9cd69e, #a6daa8, #b0deb1, #bae3bb, #c4e7c5, #ceebce, #d8efd8, #e2f3e2, #ebf7eb, #f5fbf5

## シェード

#9cd69e, #87ba89, #739e74, #5f8460, #4c6a4d, #39523a, #283b29, #182518, #091009, #010201

## トーン

#9cd69e, #a1d4a2, #a5d3a6, #a9d1aa, #adcfae, #b1ceb2, #b5ccb6, #b9cab9, #bdc8bd, #c1c6c1

## カラーハーモニー

- 補色: #9cd69e, #e6afe7
- 分裂補色: #9cd69e, #c9b8fe, #f8aac7
- 類似色: #9cd69e, #c2cd82, #7adac2
- トライアド: #9cd69e, #a6c4ff, #feaca4
- テトラード: #9cd69e, #6fd7e3, #e6afe7, #feaca4
- スクエア: #9cd69e, #83cffb, #e6afe7, #f6b487
- モノクロマティック: #9cd69e, #538a56, #77af79, #c2fec4, #ceffd0

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

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

#9cd69e はパステル調の 明るい緑です。最も近い名前のある色はパステル調の 明るい緑です。RGBでは rgb(156, 214, 158)、HSLでは hsl(122.07, 41.43%, 72.55%)、OKLCHでは oklch(82.169% 0.09788 145.46) です。

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

#9cd69e の補色は #e6afe7 です。落ち着いた組み合わせにするなら、類似色の #c2cd82 と #7adac2 を使いましょう。トライアドの組み合わせは #a6c4ff と #feaca4 です。

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

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

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

#9cd69e はニュートラルの色です。OKLCHでは色相 145度、明度 82.2%、クロマ 0.098 です。