# カラーコード #6fa96a：やわらかな 緑

#6fa96a はRGBで rgb(111, 169, 106)、OKLCHで oklch(67.856% 0.10895 142.461) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6fa96a

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6fa96a |
| RGB | rgb(111, 169, 106) |
| HSL | hsl(115.24, 26.81%, 53.92%) |
| HSB / HSV | hsv(115.24 37.28% 66.27%) |
| HWB | hwb(115.24 41.57% 33.73%) |
| CMYK | cmyk(34% 0% 37% 34%) |
| Lab | lab(64.04 -29.3 26.33) |
| LCH | lch(64.04 39.39 138.06) |
| OKLab | oklab(67.856% -0.08639 0.06638) |
| OKLCH | oklch(67.856% 0.10895 142.461) |
| Display P3 | color(display-p3 0.48585 0.65676 0.44003) |
| Rec. 2020 | color(rec2020 0.4754 0.6098 0.39147) |
| Adobe RGB | color(a98-rgb 0.50924 0.65682 0.42779) |
| ProPhoto RGB | color(prophoto-rgb 0.4477 0.57234 0.37864) |
| 線形sRGB | color(srgb-linear 0.15896 0.39676 0.14413) |
| XYZ D65 | color(xyz-d65 0.23344 0.32795 0.18736) |
| XYZ D50 | color(xyz-d50 0.24275 0.32853 0.14365) |
| SwiftUI | Color(red: 0.435, green: 0.663, blue: 0.416) |
| UIKit | UIColor(red: 0.435, green: 0.663, blue: 0.416, alpha: 1) |
| Flutter / Compose | Color(0xFF6FA96A) |
| Android XML | #6FA96A |

## 基本情報

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

## ティント

#6fa96a, #7db279, #8cba87, #9ac396, #a8cba5, #b7d4b3, #c5ddc2, #d3e5d1, #e2eee0, #f0f6f0

## シェード

#6fa96a, #60925b, #517c4d, #42673f, #345331, #273f24, #1a2c18, #0e1b0d, #040a04, #010100

## トーン

#6fa96a, #74a76f, #78a674, #7da479, #81a37d, #85a182, #899f86, #8d9d8b, #909b8f, #949a93

## カラーハーモニー

- 補色: #6fa96a, #b881bf
- 分裂補色: #6fa96a, #9a8bd5, #cb7b9e
- 類似色: #6fa96a, #999f4a, #3fad91
- トライアド: #6fa96a, #7397db, #d37c79
- テトラード: #6fa96a, #23abb5, #b881bf, #d37c79
- スクエア: #6fa96a, #46a3d0, #b881bf, #cd8456
- モノクロマティック: #6fa96a, #286125, #4b8447, #94cf8e, #baf7b4

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

### #6fa96a は何色ですか？

#6fa96a はやわらかな 緑です。最も近い名前のある色はやわらかな 緑です。RGBでは rgb(111, 169, 106)、HSLでは hsl(115.24, 26.81%, 53.92%)、OKLCHでは oklch(67.856% 0.10895 142.461) です。

### #6fa96a に合う色は？

#6fa96a の補色は #b881bf です。落ち着いた組み合わせにするなら、類似色の #999f4a と #3fad91 を使いましょう。トライアドの組み合わせは #7397db と #d37c79 です。

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

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

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

#6fa96a はニュートラルの色です。OKLCHでは色相 142度、明度 67.9%、クロマ 0.109 です。