# カラーコード #78dcd2：パステル調の 明るいティール

#78dcd2 はRGBで rgb(120, 220, 210)、OKLCHで oklch(83.088% 0.09556 187.106) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/78dcd2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #78dcd2 |
| RGB | rgb(120, 220, 210) |
| HSL | hsl(174, 58.82%, 66.67%) |
| HSB / HSV | hsv(174 45.45% 86.27%) |
| HWB | hwb(174 47.06% 13.73%) |
| CMYK | cmyk(45% 0% 5% 14%) |
| Lab | lab(81.51 -32.53 -4.7) |
| LCH | lch(81.51 32.87 188.22) |
| OKLab | oklab(83.088% -0.09483 -0.01182) |
| OKLCH | oklch(83.088% 0.09556 187.106) |
| Display P3 | color(display-p3 0.56715 0.85332 0.82203) |
| Rec. 2020 | color(rec2020 0.61314 0.82388 0.80205) |
| Adobe RGB | color(a98-rgb 0.61082 0.8589 0.82062) |
| ProPhoto RGB | color(prophoto-rgb 0.6227 0.79504 0.78389) |
| 線形sRGB | color(srgb-linear 0.18782 0.71569 0.64448) |
| XYZ D65 | color(xyz-d65 0.44969 0.59831 0.70154) |
| XYZ D50 | color(xyz-d50 0.44976 0.59393 0.53232) |
| SwiftUI | Color(red: 0.471, green: 0.863, blue: 0.824) |
| UIKit | UIColor(red: 0.471, green: 0.863, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF78DCD2) |
| Android XML | #78DCD2 |

## 基本情報

- 最も近い色名: パステル調の 明るいティール
- 色相の系統: ティール, パステル調の 明るいティール
- 最も近いTailwindクラス: teal-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.62:1
- 黒とのコントラスト: 12.97:1

## ティント

#78dcd2, #88e0d6, #97e3db, #a5e7df, #b3eae4, #c0eee8, #cdf1ed, #daf5f1, #e6f8f6, #f3fcfa

## シェード

#78dcd2, #67bfb6, #57a39b, #488881, #396e68, #2a5450, #1d3c39, #102624, #051110, #010202

## トーン

#78dcd2, #82dad1, #8cd8d0, #95d6cf, #9dd4ce, #a5d2cd, #add0cc, #b4cecb, #bbccca, #c1cac8

## カラーハーモニー

- 補色: #78dcd2, #feaebd
- 分裂補色: #78dcd2, #f0b0de, #ffb29b
- 類似色: #78dcd2, #92dbaf, #7ad7f0
- トライアド: #78dcd2, #d8b8f9, #f2bc83
- テトラード: #78dcd2, #94ceff, #feaebd, #f2bc83
- スクエア: #78dcd2, #b8c2ff, #feaebd, #d9c87f
- モノクロマティック: #78dcd2, #209087, #4fb5ac, #a0fffa, #bafffe

## #78dcd2 についてのよくある質問

### #78dcd2 は何色ですか？

#78dcd2 はパステル調の 明るいティールです。最も近い名前のある色はパステル調の 明るいティールです。RGBでは rgb(120, 220, 210)、HSLでは hsl(174, 58.82%, 66.67%)、OKLCHでは oklch(83.088% 0.09556 187.106) です。

### #78dcd2 に合う色は？

#78dcd2 の補色は #feaebd です。落ち着いた組み合わせにするなら、類似色の #92dbaf と #7ad7f0 を使いましょう。トライアドの組み合わせは #d8b8f9 と #f2bc83 です。

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

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

### #78dcd2 は暖色と寒色のどちらですか？

#78dcd2 は寒色系の色です。OKLCHでは色相 187度、明度 83.1%、クロマ 0.096 です。