# カラーコード #2e754e：鮮やかな エメラルド

#2e754e はRGBで rgb(46, 117, 78)、OKLCHで oklch(50.63% 0.09504 156.404) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2e754e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2e754e |
| RGB | rgb(46, 117, 78) |
| HSL | hsl(147.04, 43.56%, 31.96%) |
| HSB / HSV | hsv(147.04 60.68% 45.88%) |
| HWB | hwb(147.04 18.04% 54.12%) |
| CMYK | cmyk(61% 0% 33% 54%) |
| Lab | lab(43.98 -30.61 14.68) |
| LCH | lch(43.98 33.95 154.38) |
| OKLab | oklab(50.63% -0.08709 0.03804) |
| OKLCH | oklch(50.63% 0.09504 156.404) |
| Display P3 | color(display-p3 0.25779 0.45276 0.31846) |
| Rec. 2020 | color(rec2020 0.25153 0.3911 0.26196) |
| Adobe RGB | color(a98-rgb 0.29885 0.45608 0.31779) |
| ProPhoto RGB | color(prophoto-rgb 0.2524 0.36155 0.25808) |
| 線形sRGB | color(srgb-linear 0.02732 0.17789 0.07619) |
| XYZ D65 | color(xyz-d65 0.08863 0.13853 0.09415) |
| XYZ D50 | color(xyz-d50 0.09133 0.13822 0.07205) |
| SwiftUI | Color(red: 0.18, green: 0.459, blue: 0.306) |
| UIKit | UIColor(red: 0.18, green: 0.459, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFF2E754E) |
| Android XML | #2E754E |

## 基本情報

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

## ティント

#2e754e, #45825e, #5a906f, #6f9d80, #83ab91, #97b8a3, #acc6b5, #c0d4c7, #d5e2d9, #eaf1ec

## シェード

#2e754e, #276543, #1f5538, #18462d, #123723, #0b2919, #061c0f, #020f07, #010502, #000100

## トーン

#2e754e, #367450, #3d7253, #447155, #496f58, #4f6d5a, #546c5c, #586a5e, #5d6861, #616763

## カラーハーモニー

- 補色: #2e754e, #874f79
- 分裂補色: #2e754e, #735690, #924c5c
- 類似色: #2e754e, #576f2e, #00766d
- トライアド: #2e754e, #575f9b, #93503d
- テトラード: #2e754e, #007288, #874f79, #93503d
- スクエア: #2e754e, #326998, #874f79, #895920
- モノクロマティック: #2e754e, #003111, #00522e, #539970, #79bf94

## #2e754e についてのよくある質問

### #2e754e は何色ですか？

#2e754e は鮮やかな エメラルドです。最も近い名前のある色は鮮やかな エメラルドです。RGBでは rgb(46, 117, 78)、HSLでは hsl(147.04, 43.56%, 31.96%)、OKLCHでは oklch(50.63% 0.09504 156.404) です。

### #2e754e に合う色は？

#2e754e の補色は #874f79 です。落ち着いた組み合わせにするなら、類似色の #576f2e と #00766d を使いましょう。トライアドの組み合わせは #575f9b と #93503d です。

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

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

### #2e754e は暖色と寒色のどちらですか？

#2e754e は寒色系の色です。OKLCHでは色相 156度、明度 50.6%、クロマ 0.095 です。