# カラーコード #4c8a5b：やわらかな 緑

#4c8a5b はRGBで rgb(76, 138, 91)、OKLCHで oklch(57.855% 0.09691 150.267) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4c8a5b |
| RGB | rgb(76, 138, 91) |
| HSL | hsl(134.52, 28.97%, 41.96%) |
| HSB / HSV | hsv(134.52 44.93% 54.12%) |
| HWB | hwb(134.52 29.8% 45.88%) |
| CMYK | cmyk(45% 0% 34% 46%) |
| Lab | lab(52.36 -29.14 18.75) |
| LCH | lch(52.36 34.65 147.24) |
| OKLab | oklab(57.855% -0.08415 0.04806) |
| OKLCH | oklch(57.855% 0.09691 150.267) |
| Display P3 | color(display-p3 0.35677 0.53523 0.37326) |
| Rec. 2020 | color(rec2020 0.345 0.47895 0.3197) |
| Adobe RGB | color(a98-rgb 0.38718 0.5364 0.3677) |
| ProPhoto RGB | color(prophoto-rgb 0.33126 0.44417 0.31028) |
| 線形sRGB | color(srgb-linear 0.07227 0.25415 0.10462) |
| XYZ D65 | color(xyz-d65 0.13957 0.20468 0.13113) |
| XYZ D50 | color(xyz-d50 0.14437 0.20462 0.10039) |
| SwiftUI | Color(red: 0.298, green: 0.541, blue: 0.357) |
| UIKit | UIColor(red: 0.298, green: 0.541, blue: 0.357, alpha: 1) |
| Flutter / Compose | Color(0xFF4C8A5B) |
| Android XML | #4C8A5B |

## 基本情報

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

## ティント

#4c8a5b, #5e956a, #70a17a, #82ac8a, #93b89a, #a5c4aa, #b7cfbb, #c9dbcc, #dbe7dd, #edf3ee

## シェード

#4c8a5b, #41774e, #366541, #2c5335, #224229, #18321e, #0f2213, #061409, #020703, #000100

## トーン

#4c8a5b, #52895e, #578762, #5c8665, #618468, #66826b, #6a816e, #6e7f71, #727d74, #767c77

## カラーハーモニー

- 補色: #4c8a5b, #9a6495
- 分裂補色: #4c8a5b, #836cab, #a86077
- 類似色: #4c8a5b, #72823c, #1f8c7c
- トライアド: #4c8a5b, #6476b4, #ac6357
- テトラード: #4c8a5b, #11899a, #9a6495, #ac6357
- スクエア: #4c8a5b, #3d81ad, #9a6495, #a36b3a
- モノクロマティック: #4c8a5b, #00451a, #28663a, #70af7e, #96d6a3

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

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

#4c8a5b はやわらかな 緑です。最も近い名前のある色はやわらかな 緑です。RGBでは rgb(76, 138, 91)、HSLでは hsl(134.52, 28.97%, 41.96%)、OKLCHでは oklch(57.855% 0.09691 150.267) です。

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

#4c8a5b の補色は #9a6495 です。落ち着いた組み合わせにするなら、類似色の #72823c と #1f8c7c を使いましょう。トライアドの組み合わせは #6476b4 と #ac6357 です。

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

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

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

#4c8a5b は寒色系の色です。OKLCHでは色相 150度、明度 57.9%、クロマ 0.097 です。