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

#6ea96e はRGBで rgb(110, 169, 110)、OKLCHで oklch(67.879% 0.10527 144.307) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6ea96e |
| RGB | rgb(110, 169, 110) |
| HSL | hsl(120, 25.54%, 54.71%) |
| HSB / HSV | hsv(120 34.91% 66.27%) |
| HWB | hwb(120 43.14% 33.73%) |
| CMYK | cmyk(35% 0% 35% 34%) |
| Lab | lab(64.05 -29.16 24.2) |
| LCH | lch(64.05 37.89 140.31) |
| OKLab | oklab(67.879% -0.0855 0.06142) |
| OKLCH | oklch(67.879% 0.10527 144.307) |
| Display P3 | color(display-p3 0.48305 0.65668 0.45333) |
| Rec. 2020 | color(rec2020 0.47387 0.60973 0.40518) |
| Adobe RGB | color(a98-rgb 0.50702 0.65682 0.44176) |
| ProPhoto RGB | color(prophoto-rgb 0.44776 0.57237 0.39076) |
| 線形sRGB | color(srgb-linear 0.15593 0.39676 0.15593) |
| XYZ D65 | color(xyz-d65 0.23432 0.32816 0.19852) |
| XYZ D50 | color(xyz-d50 0.24311 0.32857 0.15204) |
| SwiftUI | Color(red: 0.431, green: 0.663, blue: 0.431) |
| UIKit | UIColor(red: 0.431, green: 0.663, blue: 0.431, alpha: 1) |
| Flutter / Compose | Color(0xFF6EA96E) |
| Android XML | #6EA96E |

## 基本情報

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

## ティント

#6ea96e, #7db27c, #8bba8a, #99c399, #a8cba7, #b6d4b5, #c5dcc4, #d3e5d2, #e2eee1, #f0f6f0

## シェード

#6ea96e, #5f925f, #507c50, #416741, #335333, #263f26, #192c19, #0e1b0e, #040a04, #010101

## トーン

#6ea96e, #73a773, #78a677, #7ca47b, #80a380, #85a184, #899f88, #8d9d8c, #909c90, #949a94

## カラーハーモニー

- 補色: #6ea96e, #b881bc
- 分裂補色: #6ea96e, #9c8bd2, #cb7c9c
- 類似色: #6ea96e, #979f4f, #42ad93
- トライアド: #6ea96e, #7797d9, #d17d78
- テトラード: #6ea96e, #2daab6, #b881bc, #d17d78
- スクエア: #6ea96e, #4da2cf, #b881bc, #ca8557
- モノクロマティック: #6ea96e, #276129, #4a844b, #93cf92, #b9f7b8

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

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

#6ea96e はやわらかな 緑です。最も近い名前のある色はやわらかな 緑です。RGBでは rgb(110, 169, 110)、HSLでは hsl(120, 25.54%, 54.71%)、OKLCHでは oklch(67.879% 0.10527 144.307) です。

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

#6ea96e の補色は #b881bc です。落ち着いた組み合わせにするなら、類似色の #979f4f と #42ad93 を使いましょう。トライアドの組み合わせは #7797d9 と #d17d78 です。

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

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

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

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