# カラーコード #2dbcdf：鮮やかな 明るい空色

#2dbcdf はRGBで rgb(45, 188, 223)、OKLCHで oklch(73.794% 0.12402 219.095) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2dbcdf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2dbcdf |
| RGB | rgb(45, 188, 223) |
| HSL | hsl(191.8, 73.55%, 52.55%) |
| HSB / HSV | hsv(191.8 79.82% 87.45%) |
| HWB | hwb(191.8 17.65% 12.55%) |
| CMYK | cmyk(80% 16% 0% 13%) |
| Lab | lab(70.25 -28.99 -28.72) |
| LCH | lch(70.25 40.81 224.73) |
| OKLab | oklab(73.794% -0.09626 -0.07821) |
| OKLCH | oklch(73.794% 0.12402 219.095) |
| Display P3 | color(display-p3 0.36694 0.72677 0.85902) |
| Rec. 2020 | color(rec2020 0.45001 0.6853 0.84033) |
| Adobe RGB | color(a98-rgb 0.43711 0.73157 0.86571) |
| ProPhoto RGB | color(prophoto-rgb 0.49658 0.65165 0.8191) |
| 線形sRGB | color(srgb-linear 0.02624 0.50289 0.73791) |
| XYZ D65 | color(xyz-d65 0.32382 0.4185 0.76186) |
| XYZ D50 | color(xyz-d50 0.31071 0.41108 0.57613) |
| SwiftUI | Color(red: 0.176, green: 0.737, blue: 0.875) |
| UIKit | UIColor(red: 0.176, green: 0.737, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF2DBCDF) |
| Android XML | #2DBCDF |

## 基本情報

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

## ティント

#2dbcdf, #50c3e2, #69cae6, #7fd1e9, #93d8ed, #a6def0, #b9e5f3, #cbecf6, #dcf2f9, #eef9fc

## シェード

#2dbcdf, #26a3c2, #1f8ba5, #18738a, #115d6f, #0b4756, #06323d, #021f27, #010d12, #000202

## トーン

#2dbcdf, #46bbda, #57b9d5, #66b7cf, #72b6ca, #7db4c5, #87b2c0, #91b0ba, #9aaeb5, #a2acaf

## カラーハーモニー

- 補色: #2dbcdf, #ec8d6e
- 分裂補色: #2dbcdf, #ec889a, #dc9b4b
- 類似色: #2dbcdf, #1bc3ba, #68b0f5
- トライアド: #2dbcdf, #dd8ac4, #beab44
- テトラード: #2dbcdf, #9aa1f7, #ec8d6e, #beab44
- スクエア: #2dbcdf, #c194e5, #ec8d6e, #92b962
- モノクロマティック: #2dbcdf, #00708d, #0096b8, #60e3ff, #cffeff

## #2dbcdf についてのよくある質問

### #2dbcdf は何色ですか？

#2dbcdf は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(45, 188, 223)、HSLでは hsl(191.8, 73.55%, 52.55%)、OKLCHでは oklch(73.794% 0.12402 219.095) です。

### #2dbcdf に合う色は？

#2dbcdf の補色は #ec8d6e です。落ち着いた組み合わせにするなら、類似色の #1bc3ba と #68b0f5 を使いましょう。トライアドの組み合わせは #dd8ac4 と #beab44 です。

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

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

### #2dbcdf は暖色と寒色のどちらですか？

#2dbcdf は寒色系の色です。OKLCHでは色相 219度、明度 73.8%、クロマ 0.124 です。