# カラーコード #7dc69e：やわらかな 明るいエメラルド

#7dc69e はRGBで rgb(125, 198, 158)、OKLCHで oklch(76.738% 0.09366 159.186) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7dc69e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7dc69e |
| RGB | rgb(125, 198, 158) |
| HSL | hsl(147.12, 39.04%, 63.33%) |
| HSB / HSV | hsv(147.12 36.87% 77.65%) |
| HWB | hwb(147.12 49.02% 22.35%) |
| CMYK | cmyk(37% 0% 20% 22%) |
| Lab | lab(74.27 -30.44 12.59) |
| LCH | lch(74.27 32.94 157.53) |
| OKLab | oklab(76.738% -0.08754 0.03328) |
| OKLCH | oklch(76.738% 0.09366 159.186) |
| Display P3 | color(display-p3 0.55538 0.7691 0.63082) |
| Rec. 2020 | color(rec2020 0.56767 0.73194 0.59423) |
| Adobe RGB | color(a98-rgb 0.58498 0.77118 0.62129) |
| ProPhoto RGB | color(prophoto-rgb 0.5519 0.69765 0.57197) |
| 線形sRGB | color(srgb-linear 0.20508 0.56471 0.34191) |
| XYZ D65 | color(xyz-d65 0.34821 0.47216 0.39628) |
| XYZ D50 | color(xyz-d50 0.35585 0.47119 0.30184) |
| SwiftUI | Color(red: 0.49, green: 0.776, blue: 0.62) |
| UIKit | UIColor(red: 0.49, green: 0.776, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF7DC69E) |
| Android XML | #7DC69E |

## 基本情報

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

## ティント

#7dc69e, #8bcca7, #98d2b1, #a6d7ba, #b3ddc4, #bfe3ce, #cce8d7, #d9eee1, #e6f4eb, #f2f9f5

## シェード

#7dc69e, #6cac89, #5b9274, #4b7a60, #3b624d, #2c4b3a, #1e3529, #112118, #050e09, #010201

## トーン

#7dc69e, #84c4a0, #8ac2a2, #90c1a5, #95bfa7, #9bbda9, #a0bbab, #a5b9ad, #aab7af, #afb5b1

## カラーハーモニー

- 補色: #7dc69e, #dc9cc7
- 分裂補色: #7dc69e, #c5a3e1, #e89aa7
- 類似色: #7dc69e, #a1bf7f, #64c7c0
- トライアド: #7dc69e, #a6adef, #e89f87
- テトラード: #7dc69e, #68c2dc, #dc9cc7, #e89f87
- スクエア: #7dc69e, #84b8ed, #dc9cc7, #dba970
- モノクロマティック: #7dc69e, #327b57, #58a07a, #a3edc4, #c7ffe2

## #7dc69e についてのよくある質問

### #7dc69e は何色ですか？

#7dc69e はやわらかな 明るいエメラルドです。最も近い名前のある色はやわらかな 明るいエメラルドです。RGBでは rgb(125, 198, 158)、HSLでは hsl(147.12, 39.04%, 63.33%)、OKLCHでは oklch(76.738% 0.09366 159.186) です。

### #7dc69e に合う色は？

#7dc69e の補色は #dc9cc7 です。落ち着いた組み合わせにするなら、類似色の #a1bf7f と #64c7c0 を使いましょう。トライアドの組み合わせは #a6adef と #e89f87 です。

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

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

### #7dc69e は暖色と寒色のどちらですか？

#7dc69e は寒色系の色です。OKLCHでは色相 159度、明度 76.7%、クロマ 0.094 です。