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

#4fcecf はRGBで rgb(79, 206, 207)、OKLCHで oklch(78.253% 0.11035 195.872) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4fcecf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4fcecf |
| RGB | rgb(79, 206, 207) |
| HSL | hsl(180.47, 57.14%, 56.08%) |
| HSB / HSV | hsv(180.47 61.84% 81.18%) |
| HWB | hwb(180.47 30.98% 18.82%) |
| CMYK | cmyk(62% 0% 0% 19%) |
| Lab | lab(75.93 -35.85 -11.49) |
| LCH | lch(75.93 37.65 197.77) |
| OKLab | oklab(78.253% -0.10614 -0.03018) |
| OKLCH | oklch(78.253% 0.11035 195.872) |
| Display P3 | color(display-p3 0.45397 0.79733 0.80606) |
| Rec. 2020 | color(rec2020 0.51994 0.76104 0.78363) |
| Adobe RGB | color(a98-rgb 0.51435 0.80298 0.8068) |
| ProPhoto RGB | color(prophoto-rgb 0.54274 0.72775 0.7626) |
| 線形sRGB | color(srgb-linear 0.07819 0.61721 0.62396) |
| XYZ D65 | color(xyz-d65 0.36556 0.50308 0.66817) |
| XYZ D50 | color(xyz-d50 0.36109 0.49769 0.50658) |
| SwiftUI | Color(red: 0.31, green: 0.808, blue: 0.812) |
| UIKit | UIColor(red: 0.31, green: 0.808, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF4FCECF) |
| Android XML | #4FCECF |

## 基本情報

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

## ティント

#4fcecf, #67d3d4, #7cd8d9, #8fdddd, #a0e2e2, #b1e7e7, #c1ecec, #d1f1f1, #e1f6f5, #f0fafa

## シェード

#4fcecf, #44b3b4, #389899, #2e7f7f, #236667, #194e4f, #103838, #072323, #020f10, #000202

## トーン

#4fcecf, #60cccd, #6ecaca, #7ac8c8, #85c6c6, #8fc4c4, #98c1c1, #a1bfbf, #a9bdbd, #b1baba

## カラーハーモニー

- 補色: #4fcecf, #f69aa0
- 分裂補色: #4fcecf, #ec9bc7, #f3a17b
- 類似色: #4fcecf, #6bcfa8, #60c7ee
- トライアド: #4fcecf, #d4a2e8, #e1ae63
- テトラード: #4fcecf, #89bbfe, #f69aa0, #e1ae63
- スクエア: #4fcecf, #b2aefc, #f69aa0, #c1bd65
- モノクロマティック: #4fcecf, #008284, #12a7a9, #7bf6f7, #b4ffff

## #4fcecf についてのよくある質問

### #4fcecf は何色ですか？

#4fcecf は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(79, 206, 207)、HSLでは hsl(180.47, 57.14%, 56.08%)、OKLCHでは oklch(78.253% 0.11035 195.872) です。

### #4fcecf に合う色は？

#4fcecf の補色は #f69aa0 です。落ち着いた組み合わせにするなら、類似色の #6bcfa8 と #60c7ee を使いましょう。トライアドの組み合わせは #d4a2e8 と #e1ae63 です。

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

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

### #4fcecf は暖色と寒色のどちらですか？

#4fcecf は寒色系の色です。OKLCHでは色相 196度、明度 78.3%、クロマ 0.11 です。