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

#53c2cd はRGBで rgb(83, 194, 205)、OKLCHで oklch(75.455% 0.10122 204.223) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/53c2cd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #53c2cd |
| RGB | rgb(83, 194, 205) |
| HSL | hsl(185.41, 54.95%, 56.47%) |
| HSB / HSV | hsv(185.41 59.51% 80.39%) |
| HWB | hwb(185.41 32.55% 19.61%) |
| CMYK | cmyk(60% 5% 0% 20%) |
| Lab | lab(72.43 -30.42 -15.59) |
| LCH | lch(72.43 34.18 207.14) |
| OKLab | oklab(75.455% -0.0923 -0.04153) |
| OKLCH | oklch(75.455% 0.10122 204.223) |
| Display P3 | color(display-p3 0.44538 0.75123 0.7956) |
| Rec. 2020 | color(rec2020 0.49858 0.71191 0.77139) |
| Adobe RGB | color(a98-rgb 0.49768 0.75531 0.79726) |
| ProPhoto RGB | color(prophoto-rgb 0.52143 0.67806 0.74824) |
| 線形sRGB | color(srgb-linear 0.0865 0.53948 0.6105) |
| XYZ D65 | color(xyz-d65 0.33876 0.44829 0.64627) |
| XYZ D50 | color(xyz-d50 0.33285 0.443 0.48953) |
| SwiftUI | Color(red: 0.325, green: 0.761, blue: 0.804) |
| UIKit | UIColor(red: 0.325, green: 0.761, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF53C2CD) |
| Android XML | #53C2CD |

## 基本情報

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

## ティント

#53c2cd, #69c8d2, #7cced7, #8fd5dc, #a0dbe1, #b0e1e6, #c0e7eb, #d0edf0, #e0f3f5, #f0f9fa

## シェード

#53c2cd, #47a8b2, #3b8f98, #30777e, #256066, #1b494e, #113438, #082023, #020e0f, #000202

## トーン

#53c2cd, #61c0ca, #6dbfc7, #77bdc4, #81bbc1, #8ab9be, #92b7bb, #9ab5b8, #a1b3b5, #a8b1b2

## カラーハーモニー

- 補色: #53c2cd, #e99690
- 分裂補色: #53c2cd, #e294b3, #e29e71
- 類似色: #53c2cd, #62c4ab, #6abae6
- トライアド: #53c2cd, #d099d4, #ceaa61
- テトラード: #53c2cd, #8faff0, #e99690, #ceaa61
- スクエア: #53c2cd, #b3a3ea, #e99690, #aeb76a
- モノクロマティック: #53c2cd, #007782, #219ca7, #7de9f5, #b9ffff

## #53c2cd についてのよくある質問

### #53c2cd は何色ですか？

#53c2cd は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(83, 194, 205)、HSLでは hsl(185.41, 54.95%, 56.47%)、OKLCHでは oklch(75.455% 0.10122 204.223) です。

### #53c2cd に合う色は？

#53c2cd の補色は #e99690 です。落ち着いた組み合わせにするなら、類似色の #62c4ab と #6abae6 を使いましょう。トライアドの組み合わせは #d099d4 と #ceaa61 です。

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

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

### #53c2cd は暖色と寒色のどちらですか？

#53c2cd は寒色系の色です。OKLCHでは色相 204度、明度 75.5%、クロマ 0.101 です。