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

#33c19e はRGBで rgb(51, 193, 158)、OKLCHで oklch(72.862% 0.12853 172.021) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/33c19e

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #33c19e |
| RGB | rgb(51, 193, 158) |
| HSL | hsl(165.21, 58.2%, 47.84%) |
| HSB / HSV | hsv(165.21 73.58% 75.69%) |
| HWB | hwb(165.21 20% 24.31%) |
| CMYK | cmyk(74% 0% 18% 24%) |
| Lab | lab(70.2 -44.97 6.45) |
| LCH | lch(70.2 45.43 171.83) |
| OKLab | oklab(72.862% -0.12728 0.01784) |
| OKLCH | oklch(72.862% 0.12853 172.021) |
| Display P3 | color(display-p3 0.38396 0.74623 0.62661) |
| Rec. 2020 | color(rec2020 0.44672 0.70293 0.58935) |
| Adobe RGB | color(a98-rgb 0.45339 0.75135 0.62025) |
| ProPhoto RGB | color(prophoto-rgb 0.45428 0.66413 0.56621) |
| 線形sRGB | color(srgb-linear 0.0331 0.53328 0.34191) |
| XYZ D65 | color(xyz-d65 0.26605 0.41311 0.3892) |
| XYZ D50 | color(xyz-d50 0.26875 0.41039 0.29639) |
| SwiftUI | Color(red: 0.2, green: 0.757, blue: 0.62) |
| UIKit | UIColor(red: 0.2, green: 0.757, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF33C19E) |
| Android XML | #33C19E |

## 基本情報

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

## ティント

#33c19e, #53c7a7, #6cceb1, #81d4ba, #95dac4, #a8e1ce, #bae7d7, #cbede1, #ddf3eb, #eef9f5

## シェード

#33c19e, #2ba789, #238f74, #1c7760, #145f4d, #0d493a, #073429, #032018, #010e09, #000201

## トーン

#33c19e, #49bf9f, #59bca0, #67baa1, #73b7a2, #7db5a3, #87b2a4, #90b0a4, #98ada5, #a0aaa6

## 配色

- 補色: #33c19e, #e484b0
- 分裂補色: #33c19e, #cd8bd7, #ed8582
- 類似色: #33c19e, #76bc6f, #00beca
- トライアド: #33c19e, #a997f1, #e68f56
- テトラード: #33c19e, #3db5ea, #e484b0, #e68f56
- スクエア: #33c19e, #7aa6f8, #e484b0, #cf9e39
- モノクロマティック: #33c19e, #007458, #009b7a, #64e8c4, #bfffef

## #33c19e についてのよくある質問

### #33c19e は何色ですか？

#33c19e は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(51, 193, 158)、HSLでは hsl(165.21, 58.2%, 47.84%)、OKLCHでは oklch(72.862% 0.12853 172.021) です。

### #33c19e に合う色は？

#33c19e の補色は #e484b0 です。落ち着いた組み合わせにするなら、類似色の #76bc6f と #00beca を使いましょう。トライアドの組み合わせは #a997f1 と #e68f56 です。

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

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

### #33c19e は暖色と寒色のどちらですか？

#33c19e は寒色系の色です。OKLCHでは色相 172度、明度 72.9%、クロマ 0.129 です。