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

#4fd4cc はRGBで rgb(79, 212, 204)、OKLCHで oklch(79.585% 0.11516 189.469) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4fd4cc |
| RGB | rgb(79, 212, 204) |
| HSL | hsl(176.39, 60.73%, 57.06%) |
| HSB / HSV | hsv(176.39 62.74% 83.14%) |
| HWB | hwb(176.39 30.98% 16.86%) |
| CMYK | cmyk(63% 0% 4% 17%) |
| Lab | lab(77.64 -38.95 -7.37) |
| LCH | lch(77.64 39.64 190.72) |
| OKLab | oklab(79.585% -0.11359 -0.01894) |
| OKLCH | oklch(79.585% 0.11516 189.469) |
| Display P3 | color(display-p3 0.46278 0.82048 0.79702) |
| Rec. 2020 | color(rec2020 0.53244 0.78573 0.77425) |
| Adobe RGB | color(a98-rgb 0.52603 0.82691 0.79637) |
| ProPhoto RGB | color(prophoto-rgb 0.55242 0.75276 0.75388) |
| 線形sRGB | color(srgb-linear 0.07819 0.65837 0.60383) |
| XYZ D65 | color(xyz-d65 0.37665 0.53107 0.65394) |
| XYZ D50 | color(xyz-d50 0.37406 0.52598 0.4962) |
| SwiftUI | Color(red: 0.31, green: 0.831, blue: 0.8) |
| UIKit | UIColor(red: 0.31, green: 0.831, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF4FD4CC) |
| Android XML | #4FD4CC |

## 基本情報

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

## ティント

#4fd4cc, #68d9d1, #7dddd6, #90e2db, #a1e6e0, #b2eae5, #c2efea, #d2f3f0, #e1f7f5, #f0fbfa

## シェード

#4fd4cc, #44b8b1, #389d97, #2e837e, #236965, #19514e, #103a37, #072422, #02100f, #000202

## トーン

#4fd4cc, #61d2ca, #6fd0c9, #7ccdc7, #87cbc6, #92c9c4, #9bc6c3, #a4c4c1, #adc1bf, #b5bfbe

## カラーハーモニー

- 補色: #4fd4cc, #fc9dac
- 分裂補色: #4fd4cc, #ee9fd4, #fca284
- 類似色: #4fd4cc, #75d3a2, #57ceef
- トライアド: #4fd4cc, #d3a8f4, #ecaf66
- テトラード: #4fd4cc, #81c2ff, #fc9dac, #ecaf66
- スクエア: #4fd4cc, #adb4ff, #fc9dac, #cebe62
- モノクロマティック: #4fd4cc, #008882, #0eada6, #7cfcf3, #b8ffff

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

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

#4fd4cc は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(79, 212, 204)、HSLでは hsl(176.39, 60.73%, 57.06%)、OKLCHでは oklch(79.585% 0.11516 189.469) です。

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

#4fd4cc の補色は #fc9dac です。落ち着いた組み合わせにするなら、類似色の #75d3a2 と #57ceef を使いましょう。トライアドの組み合わせは #d3a8f4 と #ecaf66 です。

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

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

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

#4fd4cc は寒色系の色です。OKLCHでは色相 189度、明度 79.6%、クロマ 0.115 です。