# カラーコード #97cf96：やわらかな 明るい緑

#97cf96 はRGBで rgb(151, 207, 150)、OKLCHで oklch(80.099% 0.0982 144.172) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/97cf96

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #97cf96 |
| RGB | rgb(151, 207, 150) |
| HSL | hsl(118.95, 37.25%, 70%) |
| HSB / HSV | hsv(118.95 27.54% 81.18%) |
| HWB | hwb(118.95 58.82% 18.82%) |
| CMYK | cmyk(27% 0% 28% 19%) |
| Lab | lab(78.15 -27.13 22.38) |
| LCH | lch(78.15 35.17 140.48) |
| OKLab | oklab(80.099% -0.07962 0.05748) |
| OKLCH | oklch(80.099% 0.0982 144.172) |
| Display P3 | color(display-p3 0.63847 0.80569 0.60816) |
| Rec. 2020 | color(rec2020 0.63897 0.77333 0.57104) |
| Adobe RGB | color(a98-rgb 0.65855 0.80697 0.59405) |
| ProPhoto RGB | color(prophoto-rgb 0.61157 0.74173 0.5515) |
| 線形sRGB | color(srgb-linear 0.30947 0.62396 0.30499) |
| XYZ D65 | color(xyz-d65 0.40578 0.53406 0.37026) |
| XYZ D50 | color(xyz-d50 0.41891 0.53465 0.28268) |
| SwiftUI | Color(red: 0.592, green: 0.812, blue: 0.588) |
| UIKit | UIColor(red: 0.592, green: 0.812, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFF97CF96) |
| Android XML | #97CF96 |

## 基本情報

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

## ティント

#97cf96, #a2d4a0, #acd9ab, #b7deb5, #c1e2c0, #cbe7ca, #d6ecd5, #e0f1df, #eaf6ea, #f5faf4

## シェード

#97cf96, #83b482, #6f996e, #5c7f5b, #496749, #374f37, #263826, #172316, #081008, #010201

## トーン

#97cf96, #9bcd9a, #a0cc9e, #a4caa3, #a8c9a7, #acc7ab, #afc5af, #b3c3b2, #b7c2b6, #bac0ba

## カラーハーモニー

- 補色: #97cf96, #dea9e2
- 分裂補色: #97cf96, #c1b2f7, #f1a4c2
- 類似色: #97cf96, #bdc67b, #74d3b9
- トライアド: #97cf96, #9ebefe, #f7a59f
- テトラード: #97cf96, #67d1db, #dea9e2, #f7a59f
- スクエア: #97cf96, #7bc9f4, #dea9e2, #f0ad81
- モノクロマティック: #97cf96, #4f844f, #72a972, #bdf7bc, #cfffce

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

### #97cf96 は何色ですか？

#97cf96 はやわらかな 明るい緑です。最も近い名前のある色はやわらかな 明るい緑です。RGBでは rgb(151, 207, 150)、HSLでは hsl(118.95, 37.25%, 70%)、OKLCHでは oklch(80.099% 0.0982 144.172) です。

### #97cf96 に合う色は？

#97cf96 の補色は #dea9e2 です。落ち着いた組み合わせにするなら、類似色の #bdc67b と #74d3b9 を使いましょう。トライアドの組み合わせは #9ebefe と #f7a59f です。

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

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

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

#97cf96 はニュートラルの色です。OKLCHでは色相 144度、明度 80.1%、クロマ 0.098 です。