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

#62ce99 はRGBで rgb(98, 206, 153)、OKLCHで oklch(77.329% 0.12695 159.93) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/62ce99

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #62ce99 |
| RGB | rgb(98, 206, 153) |
| HSL | hsl(150.56, 52.43%, 59.61%) |
| HSB / HSV | hsv(150.56 52.43% 80.78%) |
| HWB | hwb(150.56 38.43% 19.22%) |
| CMYK | cmyk(52% 0% 26% 19%) |
| Lab | lab(75.39 -41.87 16.57) |
| LCH | lch(75.39 45.03 158.41) |
| OKLab | oklab(77.329% -0.11924 0.04357) |
| OKLCH | oklch(77.329% 0.12695 159.93) |
| Display P3 | color(display-p3 0.49564 0.7982 0.6154) |
| Rec. 2020 | color(rec2020 0.53406 0.76075 0.57867) |
| Adobe RGB | color(a98-rgb 0.54498 0.80298 0.60474) |
| ProPhoto RGB | color(prophoto-rgb 0.52468 0.72468 0.55842) |
| 線形sRGB | color(srgb-linear 0.12214 0.61721 0.31855) |
| XYZ D65 | color(xyz-d65 0.32856 0.49037 0.37872) |
| XYZ D50 | color(xyz-d50 0.33656 0.48895 0.28909) |
| SwiftUI | Color(red: 0.384, green: 0.808, blue: 0.6) |
| UIKit | UIColor(red: 0.384, green: 0.808, blue: 0.6, alpha: 1) |
| Flutter / Compose | Color(0xFF62CE99) |
| Android XML | #62CE99 |

## 基本情報

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

## ティント

#62ce99, #75d3a3, #87d8ad, #97ddb7, #a7e2c1, #b6e7cb, #c5ecd6, #d4f1e0, #e2f6ea, #f1faf5

## シェード

#62ce99, #54b384, #479870, #3a7f5d, #2d664a, #214e38, #163827, #0b2317, #030f08, #000201

## トーン

#62ce99, #6ecc9c, #78c99f, #82c7a2, #8ac5a5, #92c2a7, #9ac0aa, #a1bdad, #a8bbb0, #afb8b2

## カラーハーモニー

- 補色: #62ce99, #eb94cf
- 分裂補色: #62ce99, #ce9ef2, #fa92a3
- 類似色: #62ce99, #9ac56c, #28cfc7
- トライアド: #62ce99, #a5acff, #fa9876
- テトラード: #62ce99, #39c8ed, #eb94cf, #fa9876
- スクエア: #62ce99, #73bbff, #eb94cf, #e9a653
- モノクロマティック: #62ce99, #008252, #37a775, #8bf6bf, #c7ffe3

## #62ce99 についてのよくある質問

### #62ce99 は何色ですか？

#62ce99 は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(98, 206, 153)、HSLでは hsl(150.56, 52.43%, 59.61%)、OKLCHでは oklch(77.329% 0.12695 159.93) です。

### #62ce99 に合う色は？

#62ce99 の補色は #eb94cf です。落ち着いた組み合わせにするなら、類似色の #9ac56c と #28cfc7 を使いましょう。トライアドの組み合わせは #a5acff と #fa9876 です。

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

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

### #62ce99 は暖色と寒色のどちらですか？

#62ce99 は寒色系の色です。OKLCHでは色相 160度、明度 77.3%、クロマ 0.127 です。