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

#5acca3 はRGBで rgb(90, 204, 163)、OKLCHで oklch(76.798% 0.12067 166.769) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5acca3 |
| RGB | rgb(90, 204, 163) |
| HSL | hsl(158.42, 52.78%, 57.65%) |
| HSB / HSV | hsv(158.42 55.88% 80%) |
| HWB | hwb(158.42 35.29% 20%) |
| CMYK | cmyk(56% 0% 20% 20%) |
| Lab | lab(74.69 -41.32 10.27) |
| LCH | lch(74.69 42.58 166.05) |
| OKLab | oklab(76.798% -0.11747 0.02762) |
| OKLCH | oklch(76.798% 0.12067 166.769) |
| Display P3 | color(display-p3 0.47461 0.7901 0.64914) |
| Rec. 2020 | color(rec2020 0.51947 0.75193 0.61433) |
| Adobe RGB | color(a98-rgb 0.52766 0.79502 0.64099) |
| ProPhoto RGB | color(prophoto-rgb 0.51697 0.7158 0.59246) |
| 線形sRGB | color(srgb-linear 0.10224 0.60383 0.36625) |
| XYZ D65 | color(xyz-d65 0.32418 0.48002 0.42208) |
| XYZ D50 | color(xyz-d50 0.32955 0.47783 0.32158) |
| SwiftUI | Color(red: 0.353, green: 0.8, blue: 0.639) |
| UIKit | UIColor(red: 0.353, green: 0.8, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF5ACCA3) |
| Android XML | #5ACCA3 |

## 基本情報

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

## ティント

#5acca3, #6fd1ac, #82d7b5, #93dcbe, #a3e1c7, #b3e6d0, #c3ebd9, #d2f0e3, #e1f5ec, #f0faf6

## シェード

#5acca3, #4db18d, #419778, #357e63, #29654f, #1e4e3c, #13372a, #092219, #030f0a, #000201

## トーン

#5acca3, #67caa5, #73c8a6, #7dc5a8, #86c3aa, #8fc0ab, #97bead, #9fbbaf, #a6b9b0, #adb6b2

## カラーハーモニー

- 補色: #5acca3, #eb93c3
- 分裂補色: #5acca3, #d29be7, #f79398
- 類似色: #5acca3, #8fc577, #33cbce
- トライアド: #5acca3, #aea7fd, #f39b6f
- テトラード: #5acca3, #4ec3ef, #eb93c3, #f39b6f
- スクエア: #5acca3, #81b6ff, #eb93c3, #dfa953
- モノクロマティック: #5acca3, #00805c, #2ba67f, #83f4c9, #c4ffea

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

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

#5acca3 は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(90, 204, 163)、HSLでは hsl(158.42, 52.78%, 57.65%)、OKLCHでは oklch(76.798% 0.12067 166.769) です。

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

#5acca3 の補色は #eb93c3 です。落ち着いた組み合わせにするなら、類似色の #8fc577 と #33cbce を使いましょう。トライアドの組み合わせは #aea7fd と #f39b6f です。

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

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

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

#5acca3 は寒色系の色です。OKLCHでは色相 167度、明度 76.8%、クロマ 0.121 です。