# カラーコード #afeee4：パステル調の ごく明るいティール

#afeee4 はRGBで rgb(175, 238, 228)、OKLCHで oklch(90.392% 0.06488 184.005) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/afeee4

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #afeee4 |
| RGB | rgb(175, 238, 228) |
| HSL | hsl(170.48, 64.95%, 80.98%) |
| HSB / HSV | hsv(170.48 26.47% 93.33%) |
| HWB | hwb(170.48 68.63% 6.67%) |
| CMYK | cmyk(26% 0% 4% 7%) |
| Lab | lab(89.64 -22.13 -1.9) |
| LCH | lch(89.64 22.22 184.92) |
| OKLab | oklab(90.392% -0.06472 -0.00453) |
| OKLCH | oklch(90.392% 0.06488 184.005) |
| Display P3 | color(display-p3 0.73823 0.92648 0.89402) |
| Rec. 2020 | color(rec2020 0.76375 0.90864 0.88207) |
| Adobe RGB | color(a98-rgb 0.76206 0.93124 0.89269) |
| ProPhoto RGB | color(prophoto-rgb 0.76555 0.89003 0.87062) |
| 線形sRGB | color(srgb-linear 0.42869 0.85499 0.77582) |
| XYZ D65 | color(xyz-d65 0.62254 0.75863 0.84764) |
| XYZ D50 | color(xyz-d50 0.62724 0.75534 0.64299) |
| SwiftUI | Color(red: 0.686, green: 0.933, blue: 0.894) |
| UIKit | UIColor(red: 0.686, green: 0.933, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFFAFEEE4) |
| Android XML | #AFEEE4 |

## 基本情報

- 最も近い色名: パステル調の ごく明るいティール
- 色相の系統: ティール, パステル調の ごく明るいティール
- 最も近いTailwindクラス: teal-200
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.3:1
- 黒とのコントラスト: 16.17:1

## ティント

#afeee4, #b8f0e7, #c0f2e9, #c8f3ec, #d0f5ef, #d8f7f1, #e0f8f4, #e8faf7, #f0fcfa, #f7fdfc

## シェード

#afeee4, #98cfc6, #81b1a9, #6b938d, #567772, #415c58, #2e423f, #1c2a28, #0b1412, #010303

## トーン

#afeee4, #b4ede4, #baebe3, #bfeae3, #c4e8e2, #c9e7e2, #cde5e1, #d2e4e1, #d6e2e0, #dbe1e0

## カラーハーモニー

- 補色: #afeee4, #ffceda
- 分裂補色: #afeee4, #fbd0f1, #ffd1c3
- 類似色: #afeee4, #bfedcc, #aeebfa
- トライアド: #afeee4, #e8d5ff, #ffd7b3
- テトラード: #afeee4, #bbe5ff, #ffceda, #ffd7b3
- スクエア: #afeee4, #d1ddff, #ffceda, #eddfaf
- モノクロマティック: #afeee4, #64a198, #89c7bd, #c5fffa, #c5fffa

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

### #afeee4 は何色ですか？

#afeee4 はパステル調の ごく明るいティールです。最も近い名前のある色はパステル調の ごく明るいティールです。RGBでは rgb(175, 238, 228)、HSLでは hsl(170.48, 64.95%, 80.98%)、OKLCHでは oklch(90.392% 0.06488 184.005) です。

### #afeee4 に合う色は？

#afeee4 の補色は #ffceda です。落ち着いた組み合わせにするなら、類似色の #bfedcc と #aeebfa を使いましょう。トライアドの組み合わせは #e8d5ff と #ffd7b3 です。

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

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

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

#afeee4 は寒色系の色です。OKLCHでは色相 184度、明度 90.4%、クロマ 0.065 です。