# カラーコード #4cb77f：鮮やかな 明るいエメラルド

#4cb77f はRGBで rgb(76, 183, 127)、OKLCHで oklch(70.22% 0.12941 157.558) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4cb77f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4cb77f |
| RGB | rgb(76, 183, 127) |
| HSL | hsl(148.6, 42.63%, 50.78%) |
| HSB / HSV | hsv(148.6 58.47% 71.76%) |
| HWB | hwb(148.6 29.8% 28.24%) |
| CMYK | cmyk(58% 0% 31% 28%) |
| Lab | lab(67.16 -42.08 18.98) |
| LCH | lch(67.16 46.16 155.72) |
| OKLab | oklab(70.22% -0.11961 0.0494) |
| OKLCH | oklch(70.22% 0.12941 157.558) |
| Display P3 | color(display-p3 0.41484 0.70852 0.51559) |
| Rec. 2020 | color(rec2020 0.44589 0.66265 0.47135) |
| Adobe RGB | color(a98-rgb 0.46608 0.71183 0.50543) |
| ProPhoto RGB | color(prophoto-rgb 0.436 0.62304 0.4532) |
| 線形sRGB | color(srgb-linear 0.07227 0.47353 0.21223) |
| XYZ D65 | color(xyz-d65 0.23744 0.36934 0.25957) |
| XYZ D50 | color(xyz-d50 0.24426 0.36841 0.19853) |
| SwiftUI | Color(red: 0.298, green: 0.718, blue: 0.498) |
| UIKit | UIColor(red: 0.298, green: 0.718, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFF4CB77F) |
| Android XML | #4CB77F |

## 基本情報

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

## ティント

#4cb77f, #62be8b, #76c698, #89cda4, #9ad4b1, #acdcbe, #bde3cb, #cdead8, #def1e5, #eef8f2

## シェード

#4cb77f, #419f6e, #36875d, #2c704c, #225a3c, #18452d, #0f311f, #061e11, #020c06, #000201

## トーン

#4cb77f, #58b582, #63b386, #6db089, #75ae8c, #7dac90, #85a993, #8ca796, #92a499, #99a29c

## カラーハーモニー

- 補色: #4cb77f, #d27ebc
- 分裂補色: #4cb77f, #b588dd, #e27b90
- 類似色: #4cb77f, #88ae50, #00b8ad
- トライアド: #4cb77f, #8c96ee, #e38063
- テトラード: #4cb77f, #00b2d4, #d27ebc, #e38063
- スクエア: #4cb77f, #56a5eb, #d27ebc, #d48e3a
- モノクロマティック: #4cb77f, #006d3a, #1b915c, #75dea4, #9effca

## #4cb77f についてのよくある質問

### #4cb77f は何色ですか？

#4cb77f は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(76, 183, 127)、HSLでは hsl(148.6, 42.63%, 50.78%)、OKLCHでは oklch(70.22% 0.12941 157.558) です。

### #4cb77f に合う色は？

#4cb77f の補色は #d27ebc です。落ち着いた組み合わせにするなら、類似色の #88ae50 と #00b8ad を使いましょう。トライアドの組み合わせは #8c96ee と #e38063 です。

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

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

### #4cb77f は暖色と寒色のどちらですか？

#4cb77f は寒色系の色です。OKLCHでは色相 158度、明度 70.2%、クロマ 0.129 です。