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

#59cbdf はRGBで rgb(89, 203, 223)、OKLCHで oklch(78.427% 0.10602 210.854) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/59cbdf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #59cbdf |
| RGB | rgb(89, 203, 223) |
| HSL | hsl(188.96, 67.68%, 61.18%) |
| HSB / HSV | hsv(188.96 60.09% 87.45%) |
| HWB | hwb(188.96 34.9% 12.55%) |
| CMYK | cmyk(60% 9% 0% 13%) |
| Lab | lab(75.77 -29.24 -20.25) |
| LCH | lch(75.77 35.57 214.71) |
| OKLab | oklab(78.427% -0.09102 -0.05437) |
| OKLCH | oklch(78.427% 0.10602 210.854) |
| Display P3 | color(display-p3 0.47102 0.7862 0.86335) |
| Rec. 2020 | color(rec2020 0.53175 0.75055 0.84601) |
| Adobe RGB | color(a98-rgb 0.52416 0.79104 0.86781) |
| ProPhoto RGB | color(prophoto-rgb 0.56142 0.71902 0.82711) |
| 線形sRGB | color(srgb-linear 0.0999 0.5972 0.73791) |
| XYZ D65 | color(xyz-d65 0.38793 0.50161 0.77452) |
| XYZ D50 | color(xyz-d50 0.37915 0.49508 0.58631) |
| SwiftUI | Color(red: 0.349, green: 0.796, blue: 0.875) |
| UIKit | UIColor(red: 0.349, green: 0.796, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF59CBDF) |
| Android XML | #59CBDF |

## 基本情報

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

## ティント

#59cbdf, #6ed0e2, #81d6e6, #93dbe9, #a4e0ec, #b4e6ef, #c3ebf3, #d2f0f6, #e1f5f9, #f0fafc

## シェード

#59cbdf, #4cb0c2, #4096a5, #347d8a, #28656f, #1d4d56, #13373d, #092227, #030f12, #000202

## トーン

#59cbdf, #67c9db, #73c8d7, #7ec6d4, #88c4d0, #92c2cc, #9ac1c8, #a2bfc4, #aabdc0, #b1bbbc

## カラーハーモニー

- 補色: #59cbdf, #f59f8f
- 分裂補色: #59cbdf, #f19cb5, #eaa971
- 類似色: #59cbdf, #60cfbc, #77c2f6
- トライアド: #59cbdf, #e0a0d8, #d2b665
- テトラード: #59cbdf, #9fb5fd, #f59f8f, #d2b665
- スクエア: #59cbdf, #c4a9f2, #f59f8f, #afc374
- モノクロマティック: #59cbdf, #008093, #29a5b8, #83f3ff, #c2ffff

## #59cbdf についてのよくある質問

### #59cbdf は何色ですか？

#59cbdf は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(89, 203, 223)、HSLでは hsl(188.96, 67.68%, 61.18%)、OKLCHでは oklch(78.427% 0.10602 210.854) です。

### #59cbdf に合う色は？

#59cbdf の補色は #f59f8f です。落ち着いた組み合わせにするなら、類似色の #60cfbc と #77c2f6 を使いましょう。トライアドの組み合わせは #e0a0d8 と #d2b665 です。

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

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

### #59cbdf は暖色と寒色のどちらですか？

#59cbdf は寒色系の色です。OKLCHでは色相 211度、明度 78.4%、クロマ 0.106 です。