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

#5fd8a6 はRGBで rgb(95, 216, 166)、OKLCHで oklch(79.967% 0.13151 163.516) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5fd8a6

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5fd8a6 |
| RGB | rgb(95, 216, 166) |
| HSL | hsl(155.21, 60.8%, 60.98%) |
| HSB / HSV | hsv(155.21 56.02% 84.71%) |
| HWB | hwb(155.21 37.25% 15.29%) |
| CMYK | cmyk(56% 0% 23% 15%) |
| Lab | lab(78.51 -44.4 14.04) |
| LCH | lch(78.51 46.56 162.45) |
| OKLab | oklab(79.967% -0.12611 0.03732) |
| OKLCH | oklch(79.967% 0.13151 163.516) |
| Display P3 | color(display-p3 0.50214 0.83658 0.66434) |
| Rec. 2020 | color(rec2020 0.55383 0.80231 0.63168) |
| Adobe RGB | color(a98-rgb 0.55823 0.84289 0.65466) |
| ProPhoto RGB | color(prophoto-rgb 0.54997 0.768 0.61164) |
| 線形sRGB | color(srgb-linear 0.11444 0.68669 0.38133) |
| XYZ D65 | color(xyz-d65 0.36156 0.54296 0.44652) |
| XYZ D50 | color(xyz-d50 0.36894 0.54085 0.34056) |
| SwiftUI | Color(red: 0.373, green: 0.847, blue: 0.651) |
| UIKit | UIColor(red: 0.373, green: 0.847, blue: 0.651, alpha: 1) |
| Flutter / Compose | Color(0xFF5FD8A6) |
| Android XML | #5FD8A6 |

## 基本情報

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

## ティント

#5fd8a6, #74dcaf, #86e0b7, #97e4c0, #a7e8c9, #b7ecd2, #c6f0db, #d4f4e4, #e3f8ed, #f1fbf6

## シェード

#5fd8a6, #52bc90, #44a07a, #388565, #2c6b51, #20533e, #153b2b, #0a251a, #03110a, #000201

## トーン

#5fd8a6, #6dd6a8, #79d3ab, #84d1ad, #8eceb0, #97cbb2, #9fc9b4, #a7c6b7, #afc3b9, #b6c0bb

## カラーハーモニー

- 補色: #5fd8a6, #f89ad3
- 分裂補色: #5fd8a6, #dca4f9, #ff99a5
- 類似色: #5fd8a6, #9bd076, #25d8d6
- トライアド: #5fd8a6, #b3b2ff, #ffa076
- テトラード: #5fd8a6, #43cffb, #f89ad3, #ffa076
- スクエア: #5fd8a6, #82c2ff, #f89ad3, #f0b054
- モノクロマティック: #5fd8a6, #008b5e, #30b181, #89ffcc, #c5ffe7

## #5fd8a6 についてのよくある質問

### #5fd8a6 は何色ですか？

#5fd8a6 は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(95, 216, 166)、HSLでは hsl(155.21, 60.8%, 60.98%)、OKLCHでは oklch(79.967% 0.13151 163.516) です。

### #5fd8a6 に合う色は？

#5fd8a6 の補色は #f89ad3 です。落ち着いた組み合わせにするなら、類似色の #9bd076 と #25d8d6 を使いましょう。トライアドの組み合わせは #b3b2ff と #ffa076 です。

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

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

### #5fd8a6 は暖色と寒色のどちらですか？

#5fd8a6 は寒色系の色です。OKLCHでは色相 164度、明度 80%、クロマ 0.132 です。