# カラーコード #76c484：やわらかな 明るい緑

#76c484 はRGBで rgb(118, 196, 132)、OKLCHで oklch(75.313% 0.11998 148.678) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/76c484

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #76c484 |
| RGB | rgb(118, 196, 132) |
| HSL | hsl(130.77, 39.8%, 61.57%) |
| HSB / HSV | hsv(130.77 39.8% 76.86%) |
| HWB | hwb(130.77 46.27% 23.14%) |
| CMYK | cmyk(40% 0% 33% 23%) |
| Lab | lab(72.89 -35.34 24.37) |
| LCH | lch(72.89 42.92 145.41) |
| OKLab | oklab(75.313% -0.10249 0.06237) |
| OKLCH | oklch(75.313% 0.11998 148.678) |
| Display P3 | color(display-p3 0.53413 0.76092 0.5402) |
| Rec. 2020 | color(rec2020 0.54535 0.7217 0.49842) |
| Adobe RGB | color(a98-rgb 0.56671 0.76324 0.52652) |
| ProPhoto RGB | color(prophoto-rgb 0.52224 0.68528 0.48087) |
| 線形sRGB | color(srgb-linear 0.18116 0.55201 0.23074) |
| XYZ D65 | color(xyz-d65 0.31375 0.44996 0.28862) |
| XYZ D50 | color(xyz-d50 0.32462 0.45003 0.22088) |
| SwiftUI | Color(red: 0.463, green: 0.769, blue: 0.518) |
| UIKit | UIColor(red: 0.463, green: 0.769, blue: 0.518, alpha: 1) |
| Flutter / Compose | Color(0xFF76C484) |
| Android XML | #76C484 |

## 基本情報

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

## ティント

#76c484, #85ca90, #93d09c, #a1d6a9, #afdcb5, #bce2c1, #cae8cd, #d7eeda, #e4f3e6, #f2f9f2

## シェード

#76c484, #66aa72, #569160, #47784f, #38613f, #294a2f, #1c3520, #0f2112, #050e06, #010201

## トーン

#76c484, #7dc289, #84c08d, #8abe92, #90bc96, #95ba9a, #9bb89e, #a0b6a3, #a5b3a7, #aab1ab

## カラーハーモニー

- 補色: #76c484, #d993d5
- 分裂補色: #76c484, #b99ef1, #ec8eae
- 類似色: #76c484, #a7ba5d, #41c8b0
- トライアド: #76c484, #8fabfb, #f19083
- テトラード: #76c484, #30c3d7, #d993d5, #f19083
- スクエア: #76c484, #5eb9f2, #d993d5, #e79b5d
- モノクロマティック: #76c484, #2a793e, #509e60, #9ceba9, #cdffd5

## #76c484 についてのよくある質問

### #76c484 は何色ですか？

#76c484 はやわらかな 明るい緑です。最も近い名前のある色はやわらかな 明るい緑です。RGBでは rgb(118, 196, 132)、HSLでは hsl(130.77, 39.8%, 61.57%)、OKLCHでは oklch(75.313% 0.11998 148.678) です。

### #76c484 に合う色は？

#76c484 の補色は #d993d5 です。落ち着いた組み合わせにするなら、類似色の #a7ba5d と #41c8b0 を使いましょう。トライアドの組み合わせは #8fabfb と #f19083 です。

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

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

### #76c484 は暖色と寒色のどちらですか？

#76c484 はニュートラルの色です。OKLCHでは色相 149度、明度 75.3%、クロマ 0.12 です。