# カラーコード #76cabb：やわらかな 明るいティール

#76cabb はRGBで rgb(118, 202, 187)、OKLCHで oklch(78.129% 0.08526 181.232) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/76cabb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #76cabb |
| RGB | rgb(118, 202, 187) |
| HSL | hsl(169.29, 44.21%, 62.75%) |
| HSB / HSV | hsv(169.29 41.58% 79.22%) |
| HWB | hwb(169.29 46.27% 20.78%) |
| CMYK | cmyk(42% 0% 7% 21%) |
| Lab | lab(75.69 -29.42 -0.93) |
| LCH | lch(75.69 29.44 181.81) |
| OKLab | oklab(78.129% -0.08524 -0.00183) |
| OKLCH | oklch(78.129% 0.08526 181.232) |
| Display P3 | color(display-p3 0.54089 0.78398 0.73425) |
| Rec. 2020 | color(rec2020 0.56789 0.7484 0.70544) |
| Adobe RGB | color(a98-rgb 0.57649 0.78707 0.73018) |
| ProPhoto RGB | color(prophoto-rgb 0.56754 0.71573 0.68238) |
| 線形sRGB | color(srgb-linear 0.18116 0.59062 0.49693) |
| XYZ D65 | color(xyz-d65 0.37559 0.49679 0.54625) |
| XYZ D50 | color(xyz-d50 0.37758 0.49384 0.41472) |
| SwiftUI | Color(red: 0.463, green: 0.792, blue: 0.733) |
| UIKit | UIColor(red: 0.463, green: 0.792, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF76CABB) |
| Android XML | #76CABB |

## 基本情報

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

## ティント

#76cabb, #85cfc2, #94d5c8, #a2dacf, #b0dfd6, #bde5dd, #cbeae3, #d8efea, #e5f5f1, #f2faf8

## シェード

#76cabb, #66afa2, #56958a, #477c73, #38645c, #294d46, #1c3732, #0f221f, #050f0d, #010202

## トーン

#76cabb, #7ec8bb, #86c7ba, #8dc5ba, #94c3ba, #9bc1b9, #a1bfb9, #a7bdb9, #adbcb8, #b2bab8

## カラーハーモニー

- 補色: #76cabb, #e6a1b4
- 分裂補色: #76cabb, #d8a4d1, #e9a496
- 類似色: #76cabb, #8fc89c, #72c7d7
- トライアド: #76cabb, #c1abe6, #e0ac7f
- テトラード: #76cabb, #86bfea, #e6a1b4, #e0ac7f
- スクエア: #76cabb, #a4b5ef, #e6a1b4, #ccb677
- モノクロマティック: #76cabb, #257f72, #4fa496, #9df2e2, #bdfff8

## #76cabb についてのよくある質問

### #76cabb は何色ですか？

#76cabb はやわらかな 明るいティールです。最も近い名前のある色はやわらかな 明るいティールです。RGBでは rgb(118, 202, 187)、HSLでは hsl(169.29, 44.21%, 62.75%)、OKLCHでは oklch(78.129% 0.08526 181.232) です。

### #76cabb に合う色は？

#76cabb の補色は #e6a1b4 です。落ち着いた組み合わせにするなら、類似色の #8fc89c と #72c7d7 を使いましょう。トライアドの組み合わせは #c1abe6 と #e0ac7f です。

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

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

### #76cabb は暖色と寒色のどちらですか？

#76cabb は寒色系の色です。OKLCHでは色相 181度、明度 78.1%、クロマ 0.085 です。