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

#7cdfcf はRGBで rgb(124, 223, 207)、OKLCHで oklch(83.858% 0.09673 182.25) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7cdfcf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7cdfcf |
| RGB | rgb(124, 223, 207) |
| HSL | hsl(170.3, 60.74%, 68.04%) |
| HSB / HSV | hsv(170.3 44.39% 87.45%) |
| HWB | hwb(170.3 48.63% 12.55%) |
| CMYK | cmyk(44% 0% 7% 13%) |
| Lab | lab(82.47 -33.37 -1.7) |
| LCH | lch(82.47 33.41 182.92) |
| OKLab | oklab(83.858% -0.09665 -0.0038) |
| OKLCH | oklch(83.858% 0.09673 182.25) |
| Display P3 | color(display-p3 0.58097 0.8651 0.81236) |
| Rec. 2020 | color(rec2020 0.62565 0.83672 0.79176) |
| Adobe RGB | color(a98-rgb 0.62391 0.87092 0.80972) |
| ProPhoto RGB | color(prophoto-rgb 0.63216 0.80842 0.77377) |
| 線形sRGB | color(srgb-linear 0.20156 0.73791 0.62396) |
| XYZ D65 | color(xyz-d65 0.4596 0.61563 0.68495) |
| XYZ D50 | color(xyz-d50 0.46137 0.61167 0.52001) |
| SwiftUI | Color(red: 0.486, green: 0.875, blue: 0.812) |
| UIKit | UIColor(red: 0.486, green: 0.875, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF7CDFCF) |
| Android XML | #7CDFCF |

## 基本情報

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

## ティント

#7cdfcf, #8be2d4, #9ae6d8, #a8e9dd, #b5ece2, #c2f0e7, #cff3ec, #dbf6f0, #e7f9f5, #f3fcfa

## シェード

#7cdfcf, #6bc2b4, #5aa599, #4a8a7f, #3b6f67, #2c564f, #1e3d38, #112723, #051210, #010202

## トーン

#7cdfcf, #86ddce, #90dbce, #98d9cd, #a0d7cd, #a8d5cc, #afd3cc, #b6d1cb, #bdcecb, #c4ccca

## カラーハーモニー

- 補色: #7cdfcf, #ffb0c5
- 分裂補色: #7cdfcf, #f0b3e6, #ffb3a2
- 類似色: #7cdfcf, #9addab, #78dbef
- トライアド: #7cdfcf, #d6bbff, #f8bc88
- テトラード: #7cdfcf, #91d2ff, #ffb0c5, #f8bc88
- スクエア: #7cdfcf, #b4c7ff, #ffb0c5, #e0c97f
- モノクロマティック: #7cdfcf, #269284, #54b8a9, #a8fff6, #bcfff9

## #7cdfcf についてのよくある質問

### #7cdfcf は何色ですか？

#7cdfcf はパステル調の 明るいティールです。最も近い名前のある色はパステル調の 明るいティールです。RGBでは rgb(124, 223, 207)、HSLでは hsl(170.3, 60.74%, 68.04%)、OKLCHでは oklch(83.858% 0.09673 182.25) です。

### #7cdfcf に合う色は？

#7cdfcf の補色は #ffb0c5 です。落ち着いた組み合わせにするなら、類似色の #9addab と #78dbef を使いましょう。トライアドの組み合わせは #d6bbff と #f8bc88 です。

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

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

### #7cdfcf は暖色と寒色のどちらですか？

#7cdfcf は寒色系の色です。OKLCHでは色相 182度、明度 83.9%、クロマ 0.097 です。