# カラーコード #37d2dd：鮮やかな 明るいシアン

#37d2dd はRGBで rgb(55, 210, 221)、OKLCHで oklch(79.137% 0.12357 202.226) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/37d2dd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #37d2dd |
| RGB | rgb(55, 210, 221) |
| HSL | hsl(183.98, 70.94%, 54.12%) |
| HSB / HSV | hsv(183.98 75.11% 86.67%) |
| HWB | hwb(183.98 21.57% 13.33%) |
| CMYK | cmyk(75% 5% 0% 13%) |
| Lab | lab(76.94 -37.83 -17.53) |
| LCH | lch(76.94 41.69 204.86) |
| OKLab | oklab(79.137% -0.11439 -0.04674) |
| OKLCH | oklch(79.137% 0.12357 202.226) |
| Display P3 | color(display-p3 0.41801 0.81199 0.85737) |
| Rec. 2020 | color(rec2020 0.50802 0.77652 0.83994) |
| Adobe RGB | color(a98-rgb 0.4928 0.81893 0.86115) |
| ProPhoto RGB | color(prophoto-rgb 0.54435 0.74386 0.82171) |
| 線形sRGB | color(srgb-linear 0.0382 0.64448 0.72306) |
| XYZ D65 | color(xyz-d65 0.37671 0.52123 0.76484) |
| XYZ D50 | color(xyz-d50 0.36834 0.51435 0.57943) |
| SwiftUI | Color(red: 0.216, green: 0.824, blue: 0.867) |
| UIKit | UIColor(red: 0.216, green: 0.824, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF37D2DD) |
| Android XML | #37D2DD |

## 基本情報

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

## ティント

#37d2dd, #59d7e0, #71dce4, #87e0e7, #9ae5eb, #ace9ee, #beeef2, #cff2f5, #dff7f8, #effbfc

## シェード

#37d2dd, #2eb6c0, #269ba4, #1e8188, #16686e, #0f5055, #08393d, #032426, #011011, #000202

## トーン

#37d2dd, #51d0da, #63ced6, #72ccd3, #80cacf, #8bc7cc, #96c5c9, #a0c3c5, #a9c0c2, #b2bdbe

## カラーハーモニー

- 補色: #37d2dd, #ff9a97
- 分裂補色: #37d2dd, #f899c3, #f9a46e
- 類似色: #37d2dd, #55d5b2, #5cc8fd
- トライアド: #37d2dd, #e0a0ea, #e2b356
- テトラード: #37d2dd, #90bbff, #ff9a97, #e2b356
- スクエア: #37d2dd, #bdacff, #ff9a97, #bdc360
- モノクロマティック: #37d2dd, #00848e, #00abb6, #6afaff, #b7ffff

## #37d2dd についてのよくある質問

### #37d2dd は何色ですか？

#37d2dd は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(55, 210, 221)、HSLでは hsl(183.98, 70.94%, 54.12%)、OKLCHでは oklch(79.137% 0.12357 202.226) です。

### #37d2dd に合う色は？

#37d2dd の補色は #ff9a97 です。落ち着いた組み合わせにするなら、類似色の #55d5b2 と #5cc8fd を使いましょう。トライアドの組み合わせは #e0a0ea と #e2b356 です。

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

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

### #37d2dd は暖色と寒色のどちらですか？

#37d2dd は寒色系の色です。OKLCHでは色相 202度、明度 79.1%、クロマ 0.124 です。