# カラーコード #4fab9e：鮮やかな ティール

#4fab9e はRGBで rgb(79, 171, 158)、OKLCHで oklch(68.159% 0.09001 183.098) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4fab9e |
| RGB | rgb(79, 171, 158) |
| HSL | hsl(171.52, 36.8%, 49.02%) |
| HSB / HSV | hsv(171.52 53.8% 67.06%) |
| HWB | hwb(171.52 30.98% 32.94%) |
| CMYK | cmyk(54% 0% 8% 33%) |
| Lab | lab(64.17 -31.09 -2.07) |
| LCH | lch(64.17 31.16 183.82) |
| OKLab | oklab(68.159% -0.08988 -0.00486) |
| OKLCH | oklch(68.159% 0.09001 183.098) |
| Display P3 | color(display-p3 0.40529 0.66242 0.61979) |
| Rec. 2020 | color(rec2020 0.43107 0.6151 0.58021) |
| Adobe RGB | color(a98-rgb 0.44906 0.66466 0.61605) |
| ProPhoto RGB | color(prophoto-rgb 0.43543 0.5782 0.55378) |
| 線形sRGB | color(srgb-linear 0.07819 0.40724 0.34191) |
| XYZ D65 | color(xyz-d65 0.23958 0.33255 0.37505) |
| XYZ D50 | color(xyz-d50 0.23986 0.33007 0.28478) |
| SwiftUI | Color(red: 0.31, green: 0.671, blue: 0.62) |
| UIKit | UIColor(red: 0.31, green: 0.671, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF4FAB9E) |
| Android XML | #4FAB9E |

## 基本情報

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

## ティント

#4fab9e, #64b3a7, #77bcb1, #89c4ba, #9acdc4, #abd5cd, #bcddd7, #cde6e1, #deeeeb, #eef7f5

## シェード

#4fab9e, #449489, #387e74, #2e6860, #23544d, #19403a, #102d29, #071b18, #020b09, #000101

## トーン

#4fab9e, #5aa99d, #63a89d, #6ba69c, #73a49c, #7aa29b, #81a09b, #879f9a, #8d9d9a, #939b99

## カラーハーモニー

- 補色: #4fab9e, #c88193
- 分裂補色: #4fab9e, #bb84b1, #ca8475
- 類似色: #4fab9e, #6ca97e, #4ca7ba
- トライアド: #4fab9e, #a48bc7, #c08c5d
- テトラード: #4fab9e, #669fcc, #c88193, #c08c5d
- スクエア: #4fab9e, #8695d1, #c88193, #ac9855
- モノクロマティック: #4fab9e, #006358, #23867a, #77d1c4, #9ef9eb

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

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

#4fab9e は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(79, 171, 158)、HSLでは hsl(171.52, 36.8%, 49.02%)、OKLCHでは oklch(68.159% 0.09001 183.098) です。

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

#4fab9e の補色は #c88193 です。落ち着いた組み合わせにするなら、類似色の #6ca97e と #4ca7ba を使いましょう。トライアドの組み合わせは #a48bc7 と #c08c5d です。

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

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

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

#4fab9e は寒色系の色です。OKLCHでは色相 183度、明度 68.2%、クロマ 0.09 です。