# カラーコード #4eccc5：鮮やかな 明るいティール

#4eccc5 はRGBで rgb(78, 204, 197)、OKLCHで oklch(77.412% 0.11055 189.955) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4eccc5 |
| RGB | rgb(78, 204, 197) |
| HSL | hsl(176.67, 55.26%, 55.29%) |
| HSB / HSV | hsv(176.67 61.76% 80%) |
| HWB | hwb(176.67 30.59% 20%) |
| CMYK | cmyk(62% 0% 3% 20%) |
| Lab | lab(75.06 -37.3 -7.42) |
| LCH | lch(75.06 38.03 191.25) |
| OKLab | oklab(77.412% -0.10889 -0.01911) |
| OKLCH | oklch(77.412% 0.11055 189.955) |
| Display P3 | color(display-p3 0.44903 0.78958 0.76949) |
| Rec. 2020 | color(rec2020 0.51139 0.75219 0.74375) |
| Adobe RGB | color(a98-rgb 0.50903 0.79502 0.76838) |
| ProPhoto RGB | color(prophoto-rgb 0.52929 0.71786 0.72141) |
| 線形sRGB | color(srgb-linear 0.07619 0.60383 0.55834) |
| XYZ D65 | color(xyz-d65 0.34811 0.48835 0.60417) |
| XYZ D50 | color(xyz-d50 0.34567 0.48367 0.45839) |
| SwiftUI | Color(red: 0.306, green: 0.8, blue: 0.773) |
| UIKit | UIColor(red: 0.306, green: 0.8, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF4ECCC5) |
| Android XML | #4ECCC5 |

## 基本情報

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

## ティント

#4eccc5, #66d1cb, #7bd7d0, #8edcd6, #9fe1dc, #b0e6e2, #c1ebe8, #d1f0ed, #e0f5f3, #f0faf9

## シェード

#4eccc5, #43b1ab, #389792, #2d7e79, #236561, #194e4b, #0f3735, #072221, #020f0e, #000202

## トーン

#4eccc5, #5ecac3, #6cc8c2, #78c6c0, #83c4bf, #8dc1bd, #96bfbc, #9ebdba, #a6bab8, #aeb8b7

## カラーハーモニー

- 補色: #4eccc5, #f397a5
- 分裂補色: #4eccc5, #e599cc, #f29d7f
- 類似色: #4eccc5, #71cb9d, #56c6e6
- トライアド: #4eccc5, #cba2eb, #e3a963
- テトラード: #4eccc5, #7dbbfa, #f397a5, #e3a963
- スクエア: #4eccc5, #a7aefb, #f397a5, #c6b75f
- モノクロマティック: #4eccc5, #00807b, #11a69f, #7af4ec, #b7ffff

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

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

#4eccc5 は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(78, 204, 197)、HSLでは hsl(176.67, 55.26%, 55.29%)、OKLCHでは oklch(77.412% 0.11055 189.955) です。

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

#4eccc5 の補色は #f397a5 です。落ち着いた組み合わせにするなら、類似色の #71cb9d と #56c6e6 を使いましょう。トライアドの組み合わせは #cba2eb と #e3a963 です。

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

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

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

#4eccc5 は寒色系の色です。OKLCHでは色相 190度、明度 77.4%、クロマ 0.111 です。