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

#48cfca はRGBで rgb(72, 207, 202)、OKLCHで oklch(78.134% 0.11503 191.522) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/48cfca

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #48cfca |
| RGB | rgb(72, 207, 202) |
| HSL | hsl(177.78, 58.44%, 54.71%) |
| HSB / HSV | hsv(177.78 65.22% 81.18%) |
| HWB | hwb(177.78 28.24% 18.82%) |
| CMYK | cmyk(65% 0% 2% 19%) |
| Lab | lab(75.92 -38.49 -8.85) |
| LCH | lch(75.92 39.5 192.95) |
| OKLab | oklab(78.134% -0.11271 -0.02298) |
| OKLCH | oklch(78.134% 0.11503 191.522) |
| Display P3 | color(display-p3 0.44181 0.80093 0.78822) |
| Rec. 2020 | color(rec2020 0.51228 0.76431 0.7643) |
| Adobe RGB | color(a98-rgb 0.50656 0.80697 0.7879) |
| ProPhoto RGB | color(prophoto-rgb 0.53404 0.73036 0.74288) |
| 線形sRGB | color(srgb-linear 0.0648 0.62396 0.59062) |
| XYZ D65 | color(xyz-d65 0.35644 0.50265 0.63703) |
| XYZ D50 | color(xyz-d50 0.35308 0.49753 0.48324) |
| SwiftUI | Color(red: 0.282, green: 0.812, blue: 0.792) |
| UIKit | UIColor(red: 0.282, green: 0.812, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF48CFCA) |
| Android XML | #48CFCA |

## 基本情報

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

## ティント

#48cfca, #63d4cf, #78d9d4, #8cdeda, #9ee3df, #afe8e4, #c0ecea, #d0f1ef, #e0f6f4, #f0fafa

## シェード

#48cfca, #3db4af, #339995, #297f7c, #1f6764, #164f4d, #0d3837, #062322, #02100f, #000202

## トーン

#48cfca, #5bcdc8, #6acbc6, #77c9c5, #82c6c3, #8dc4c1, #96c2bf, #9fbfbd, #a8bdbb, #b0bab9

## カラーハーモニー

- 補色: #48cfca, #f898a5
- 分裂補色: #48cfca, #ea9acd, #f69e7d
- 類似色: #48cfca, #6dcfa1, #54c8ec
- トライアド: #48cfca, #d0a2ee, #e6ab60
- テトラード: #48cfca, #7fbcff, #f898a5, #e6ab60
- スクエア: #48cfca, #abafff, #f898a5, #c7ba5e
- モノクロマティック: #48cfca, #00837f, #00a8a4, #76f7f1, #b6ffff

## #48cfca についてのよくある質問

### #48cfca は何色ですか？

#48cfca は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(72, 207, 202)、HSLでは hsl(177.78, 58.44%, 54.71%)、OKLCHでは oklch(78.134% 0.11503 191.522) です。

### #48cfca に合う色は？

#48cfca の補色は #f898a5 です。落ち着いた組み合わせにするなら、類似色の #6dcfa1 と #54c8ec を使いましょう。トライアドの組み合わせは #d0a2ee と #e6ab60 です。

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

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

### #48cfca は暖色と寒色のどちらですか？

#48cfca は寒色系の色です。OKLCHでは色相 192度、明度 78.1%、クロマ 0.115 です。