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

#4eccbc はRGBで rgb(78, 204, 188)、OKLCHで oklch(77.126% 0.11306 183.521) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4eccbc |
| RGB | rgb(78, 204, 188) |
| HSL | hsl(172.38, 55.26%, 55.29%) |
| HSB / HSV | hsv(172.38 61.76% 80%) |
| HWB | hwb(172.38 30.59% 20%) |
| CMYK | cmyk(62% 0% 8% 20%) |
| Lab | lab(74.84 -39.12 -2.91) |
| LCH | lch(74.84 39.23 184.25) |
| OKLab | oklab(77.126% -0.11285 -0.00694) |
| OKLCH | oklch(77.126% 0.11306 183.521) |
| Display P3 | color(display-p3 0.44903 0.78958 0.73727) |
| Rec. 2020 | color(rec2020 0.50894 0.75176 0.70889) |
| Adobe RGB | color(a98-rgb 0.50903 0.79502 0.73431) |
| ProPhoto RGB | color(prophoto-rgb 0.52205 0.71673 0.68609) |
| 線形sRGB | color(srgb-linear 0.07619 0.60383 0.50289) |
| XYZ D65 | color(xyz-d65 0.3381 0.48434 0.55146) |
| XYZ D50 | color(xyz-d50 0.33774 0.48031 0.41879) |
| SwiftUI | Color(red: 0.306, green: 0.8, blue: 0.737) |
| UIKit | UIColor(red: 0.306, green: 0.8, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF4ECCBC) |
| Android XML | #4ECCBC |

## 基本情報

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

## ティント

#4eccbc, #66d1c3, #7bd7c9, #8edcd0, #9fe1d6, #b0e6dd, #c1ebe4, #d1f0eb, #e0f5f1, #f0faf8

## シェード

#4eccbc, #43b1a3, #38978b, #2d7e73, #23655d, #194e47, #0f3732, #07221f, #020f0d, #000202

## トーン

#4eccbc, #5ecabb, #6cc8ba, #78c5ba, #82c3b9, #8cc1b8, #95bfb7, #9ebcb7, #a6bab6, #adb7b5

## カラーハーモニー

- 補色: #4eccbc, #f195ad
- 分裂補色: #4eccbc, #e099d3, #f49985
- 類似色: #4eccbc, #78ca93, #4bc7e0
- トライアド: #4eccbc, #c4a3f0, #e7a465
- テトラード: #4eccbc, #71bdf7, #f195ad, #e7a465
- スクエア: #4eccbc, #9daffd, #f195ad, #cdb35a
- モノクロマティック: #4eccbc, #008073, #12a697, #7af4e3, #bcfffa

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

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

#4eccbc は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(78, 204, 188)、HSLでは hsl(172.38, 55.26%, 55.29%)、OKLCHでは oklch(77.126% 0.11306 183.521) です。

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

#4eccbc の補色は #f195ad です。落ち着いた組み合わせにするなら、類似色の #78ca93 と #4bc7e0 を使いましょう。トライアドの組み合わせは #c4a3f0 と #e7a465 です。

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

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

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

#4eccbc は寒色系の色です。OKLCHでは色相 184度、明度 77.1%、クロマ 0.113 です。