# カラーコード #39ae72：鮮やかな エメラルド

#39ae72 はRGBで rgb(57, 174, 114)、OKLCHで oklch(67.044% 0.13747 156.758) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/39ae72

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #39ae72 |
| RGB | rgb(57, 174, 114) |
| HSL | hsl(149.23, 50.65%, 45.29%) |
| HSB / HSV | hsv(149.23 67.24% 68.24%) |
| HWB | hwb(149.23 22.35% 31.76%) |
| CMYK | cmyk(67% 0% 34% 32%) |
| Lab | lab(63.57 -44.58 20.99) |
| LCH | lch(63.57 49.28 154.79) |
| OKLab | oklab(67.044% -0.12631 0.05425) |
| OKLCH | oklch(67.044% 0.13747 156.758) |
| Display P3 | color(display-p3 0.36364 0.67306 0.46676) |
| Rec. 2020 | color(rec2020 0.39899 0.62358 0.41966) |
| Adobe RGB | color(a98-rgb 0.42184 0.67642 0.4571) |
| ProPhoto RGB | color(prophoto-rgb 0.39169 0.58288 0.40454) |
| 線形sRGB | color(srgb-linear 0.04092 0.42327 0.16827) |
| XYZ D65 | color(xyz-d65 0.1986 0.32356 0.21119) |
| XYZ D50 | color(xyz-d50 0.20494 0.32274 0.16182) |
| SwiftUI | Color(red: 0.224, green: 0.682, blue: 0.447) |
| UIKit | UIColor(red: 0.224, green: 0.682, blue: 0.447, alpha: 1) |
| Flutter / Compose | Color(0xFF39AE72) |
| Android XML | #39AE72 |

## 基本情報

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

## ティント

#39ae72, #54b680, #6abf8d, #7fc79b, #92cfa9, #a5d7b7, #b7dfc5, #c9e7d3, #dbefe2, #edf7f0

## シェード

#39ae72, #309762, #288053, #1f6a44, #175536, #104128, #092e1b, #041c0e, #010b04, #000101

## トーン

#39ae72, #49ac76, #55aa7a, #60a77d, #69a581, #72a284, #7aa088, #819d8b, #889b8f, #8f9892

## カラーハーモニー

- 補色: #39ae72, #ca72b4
- 分裂補色: #39ae72, #ab7dd7, #da6e87
- 類似色: #39ae72, #7fa43e, #00afa3
- トライアド: #39ae72, #808ce9, #dc7456
- テトラード: #39ae72, #00a9cc, #ca72b4, #dc7456
- スクエア: #39ae72, #439be5, #ca72b4, #cd8222
- モノクロマティック: #39ae72, #006430, #00884f, #65d596, #8dfdbc

## #39ae72 についてのよくある質問

### #39ae72 は何色ですか？

#39ae72 は鮮やかな エメラルドです。最も近い名前のある色は鮮やかな エメラルドです。RGBでは rgb(57, 174, 114)、HSLでは hsl(149.23, 50.65%, 45.29%)、OKLCHでは oklch(67.044% 0.13747 156.758) です。

### #39ae72 に合う色は？

#39ae72 の補色は #ca72b4 です。落ち着いた組み合わせにするなら、類似色の #7fa43e と #00afa3 を使いましょう。トライアドの組み合わせは #808ce9 と #dc7456 です。

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

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

### #39ae72 は暖色と寒色のどちらですか？

#39ae72 は寒色系の色です。OKLCHでは色相 157度、明度 67%、クロマ 0.137 です。