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

#4bb2ad はRGBで rgb(75, 178, 173)、OKLCHで oklch(70.224% 0.09511 190.819) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4bb2ad |
| RGB | rgb(75, 178, 173) |
| HSL | hsl(177.09, 40.71%, 49.61%) |
| HSB / HSV | hsv(177.09 57.87% 69.8%) |
| HWB | hwb(177.09 29.41% 30.2%) |
| CMYK | cmyk(58% 0% 3% 30%) |
| Lab | lab(66.53 -31.92 -6.91) |
| LCH | lch(66.53 32.66 192.22) |
| OKLab | oklab(70.224% -0.09342 -0.01785) |
| OKLCH | oklch(70.224% 0.09511 190.819) |
| Display P3 | color(display-p3 0.40571 0.6892 0.67553) |
| Rec. 2020 | color(rec2020 0.44399 0.6439 0.64038) |
| Adobe RGB | color(a98-rgb 0.45521 0.69214 0.67332) |
| ProPhoto RGB | color(prophoto-rgb 0.45566 0.60735 0.61368) |
| 線形sRGB | color(srgb-linear 0.07036 0.4452 0.41789) |
| XYZ D65 | color(xyz-d65 0.26363 0.36352 0.45164) |
| XYZ D50 | color(xyz-d50 0.26194 0.36015 0.34261) |
| SwiftUI | Color(red: 0.294, green: 0.698, blue: 0.678) |
| UIKit | UIColor(red: 0.294, green: 0.698, blue: 0.678, alpha: 1) |
| Flutter / Compose | Color(0xFF4BB2AD) |
| Android XML | #4BB2AD |

## 基本情報

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

## ティント

#4bb2ad, #61bab5, #75c1bd, #88c9c5, #9ad1cd, #abd9d5, #bce0de, #cde8e6, #def0ee, #eef7f7

## シェード

#4bb2ad, #409a96, #35837f, #2b6d6a, #215755, #174341, #0e2f2d, #061d1b, #020c0b, #000101

## トーン

#4bb2ad, #58b0ac, #62afaa, #6cada9, #75aba7, #7da9a6, #85a7a5, #8ca5a3, #92a3a2, #99a1a0

## カラーハーモニー

- 補色: #4bb2ad, #d38691
- 分裂補色: #4bb2ad, #c887b1, #d28b71
- 類似色: #4bb2ad, #66b28c, #52adc9
- トライアド: #4bb2ad, #b28ecb, #c5955a
- テトラード: #4bb2ad, #71a3d9, #d38691, #c5955a
- スクエア: #4bb2ad, #9498d9, #d38691, #aca158
- モノクロマティック: #4bb2ad, #006965, #198d88, #74d9d3, #9cfffb

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

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

#4bb2ad は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(75, 178, 173)、HSLでは hsl(177.09, 40.71%, 49.61%)、OKLCHでは oklch(70.224% 0.09511 190.819) です。

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

#4bb2ad の補色は #d38691 です。落ち着いた組み合わせにするなら、類似色の #66b28c と #52adc9 を使いましょう。トライアドの組み合わせは #b28ecb と #c5955a です。

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

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

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

#4bb2ad は寒色系の色です。OKLCHでは色相 191度、明度 70.2%、クロマ 0.095 です。