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

#58c19a はRGBで rgb(88, 193, 154)、OKLCHで oklch(73.796% 0.11398 166.285) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/58c19a

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #58c19a |
| RGB | rgb(88, 193, 154) |
| HSL | hsl(157.71, 45.85%, 55.1%) |
| HSB / HSV | hsv(157.71 54.4% 75.69%) |
| HWB | hwb(157.71 34.51% 24.31%) |
| CMYK | cmyk(54% 0% 20% 24%) |
| Lab | lab(71.12 -38.92 10.06) |
| LCH | lch(71.12 40.2 165.51) |
| OKLab | oklab(73.796% -0.11073 0.02702) |
| OKLCH | oklch(73.796% 0.11398 166.285) |
| Display P3 | color(display-p3 0.45526 0.74762 0.61348) |
| Rec. 2020 | color(rec2020 0.49067 0.706 0.57538) |
| Adobe RGB | color(a98-rgb 0.5041 0.75135 0.60553) |
| ProPhoto RGB | color(prophoto-rgb 0.48627 0.6686 0.55281) |
| 線形sRGB | color(srgb-linear 0.09759 0.53328 0.32314) |
| XYZ D65 | color(xyz-d65 0.28926 0.42546 0.37261) |
| XYZ D50 | color(xyz-d50 0.29418 0.4236 0.28389) |
| SwiftUI | Color(red: 0.345, green: 0.757, blue: 0.604) |
| UIKit | UIColor(red: 0.345, green: 0.757, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFF58C19A) |
| Android XML | #58C19A |

## 基本情報

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

## ティント

#58c19a, #6cc7a4, #7fceae, #90d4b7, #a1dac1, #b1e0cc, #c1e7d6, #d1ede0, #e0f3ea, #f0f9f5

## シェード

#58c19a, #4ba785, #3f8f71, #33775e, #285f4b, #1d4939, #123427, #092017, #030e09, #000201

## トーン

#58c19a, #64bf9c, #6ebd9d, #78bb9f, #80b8a1, #88b6a2, #90b4a4, #97b1a5, #9dafa7, #a4ada8

## カラーハーモニー

- 補色: #58c19a, #de8cb9
- 分裂補色: #58c19a, #c793da, #e98b91
- 類似色: #58c19a, #89bb72, #35c0c2
- トライアド: #58c19a, #a49fef, #e5936b
- テトラード: #58c19a, #4cb9e1, #de8cb9, #e5936b
- スクエア: #58c19a, #7aacf1, #de8cb9, #d3a051
- モノクロマティック: #58c19a, #007654, #2b9b76, #81e8c0, #c4ffea

## #58c19a についてのよくある質問

### #58c19a は何色ですか？

#58c19a は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(88, 193, 154)、HSLでは hsl(157.71, 45.85%, 55.1%)、OKLCHでは oklch(73.796% 0.11398 166.285) です。

### #58c19a に合う色は？

#58c19a の補色は #de8cb9 です。落ち着いた組み合わせにするなら、類似色の #89bb72 と #35c0c2 を使いましょう。トライアドの組み合わせは #a49fef と #e5936b です。

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

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

### #58c19a は暖色と寒色のどちらですか？

#58c19a は寒色系の色です。OKLCHでは色相 166度、明度 73.8%、クロマ 0.114 です。