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

#58cbcd はRGBで rgb(88, 203, 205)、OKLCHで oklch(77.749% 0.10338 196.815) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #58cbcd |
| RGB | rgb(88, 203, 205) |
| HSL | hsl(181.03, 53.92%, 57.45%) |
| HSB / HSV | hsv(181.03 57.07% 80.39%) |
| HWB | hwb(181.03 34.51% 19.61%) |
| CMYK | cmyk(57% 1% 0% 20%) |
| Lab | lab(75.25 -33.34 -11.38) |
| LCH | lch(75.25 35.23 198.84) |
| OKLab | oklab(77.749% -0.09896 -0.02991) |
| OKLCH | oklch(77.749% 0.10338 196.815) |
| Display P3 | color(display-p3 0.4688 0.78615 0.79819) |
| Rec. 2020 | color(rec2020 0.52491 0.74946 0.77484) |
| Adobe RGB | color(a98-rgb 0.52253 0.79104 0.79868) |
| ProPhoto RGB | color(prophoto-rgb 0.54434 0.71626 0.75312) |
| 線形sRGB | color(srgb-linear 0.09759 0.5972 0.6105) |
| XYZ D65 | color(xyz-d65 0.36398 0.49192 0.65337) |
| XYZ D50 | color(xyz-d50 0.35992 0.48685 0.49529) |
| SwiftUI | Color(red: 0.345, green: 0.796, blue: 0.804) |
| UIKit | UIColor(red: 0.345, green: 0.796, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF58CBCD) |
| Android XML | #58CBCD |

## 基本情報

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

## ティント

#58cbcd, #6ed0d2, #81d6d7, #92dbdc, #a3e0e1, #b3e6e6, #c3ebeb, #d2f0f0, #e1f5f5, #f0fafa

## シェード

#58cbcd, #4bb0b2, #3f9698, #337d7e, #286566, #1d4d4e, #123738, #092223, #030f0f, #000202

## トーン

#58cbcd, #66c9cb, #72c7c9, #7dc5c6, #87c3c4, #90c1c2, #99bfbf, #a1bdbd, #a8bbbb, #afb9b9

## カラーハーモニー

- 補色: #58cbcd, #f19b9f
- 分裂補色: #58cbcd, #e79bc4, #eea27d
- 類似色: #58cbcd, #6fcca8, #67c4ea
- トライアド: #58cbcd, #d1a2e3, #dcae68
- テトラード: #58cbcd, #8cb9f8, #f19b9f, #dcae68
- スクエア: #58cbcd, #b2adf6, #f19b9f, #bebb6a
- モノクロマティック: #58cbcd, #008082, #27a5a7, #82f3f4, #b4ffff

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

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

#58cbcd は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(88, 203, 205)、HSLでは hsl(181.03, 53.92%, 57.45%)、OKLCHでは oklch(77.749% 0.10338 196.815) です。

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

#58cbcd の補色は #f19b9f です。落ち着いた組み合わせにするなら、類似色の #6fcca8 と #67c4ea を使いましょう。トライアドの組み合わせは #d1a2e3 と #dcae68 です。

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

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

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

#58cbcd は寒色系の色です。OKLCHでは色相 197度、明度 77.7%、クロマ 0.103 です。