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

#aeeee4 はRGBで rgb(174, 238, 228)、OKLCHで oklch(90.335% 0.06578 184.154) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aeeee4 |
| RGB | rgb(174, 238, 228) |
| HSL | hsl(170.63, 65.31%, 80.78%) |
| HSB / HSV | hsv(170.63 26.89% 93.33%) |
| HWB | hwb(170.63 68.24% 6.67%) |
| CMYK | cmyk(27% 0% 4% 7%) |
| Lab | lab(89.59 -22.44 -1.99) |
| LCH | lch(89.59 22.52 185.08) |
| OKLab | oklab(90.335% -0.0656 -0.00476) |
| OKLCH | oklch(90.335% 0.06578 184.154) |
| Display P3 | color(display-p3 0.7353 0.9264 0.89397) |
| Rec. 2020 | color(rec2020 0.76148 0.90843 0.88202) |
| Adobe RGB | color(a98-rgb 0.75961 0.93124 0.89269) |
| ProPhoto RGB | color(prophoto-rgb 0.76357 0.88971 0.87057) |
| 線形sRGB | color(srgb-linear 0.42327 0.85499 0.77582) |
| XYZ D65 | color(xyz-d65 0.6203 0.75748 0.84754) |
| XYZ D50 | color(xyz-d50 0.62488 0.75414 0.64291) |
| SwiftUI | Color(red: 0.682, green: 0.933, blue: 0.894) |
| UIKit | UIColor(red: 0.682, green: 0.933, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFFAEEEE4) |
| Android XML | #AEEEE4 |

## 基本情報

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

## ティント

#aeeee4, #b7f0e7, #bff2e9, #c8f3ec, #d0f5ef, #d8f7f1, #e0f8f4, #e8faf7, #f0fcfa, #f7fdfc

## シェード

#aeeee4, #97cfc6, #80b1a9, #6a938d, #557772, #415c58, #2e423f, #1c2a28, #0b1412, #010303

## トーン

#aeeee4, #b4ede3, #b9ebe3, #beeae2, #c3e8e2, #c8e7e1, #cde5e1, #d2e4e0, #d6e2e0, #dbe0df

## カラーハーモニー

- 補色: #aeeee4, #ffceda
- 分裂補色: #aeeee4, #fbcff1, #ffd0c3
- 類似色: #aeeee4, #beedcc, #adebfa
- トライアド: #aeeee4, #e8d5ff, #ffd7b2
- テトラード: #aeeee4, #bbe5ff, #ffceda, #ffd7b2
- スクエア: #aeeee4, #d1ddff, #ffceda, #eddfae
- モノクロマティック: #aeeee4, #63a198, #88c7bd, #c4fffa, #c4fffa

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

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

#aeeee4 はパステル調の ごく明るいティールです。最も近い名前のある色はパステル調の ごく明るいティールです。RGBでは rgb(174, 238, 228)、HSLでは hsl(170.63, 65.31%, 80.78%)、OKLCHでは oklch(90.335% 0.06578 184.154) です。

### #aeeee4 に合う色は？

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

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

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

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

#aeeee4 は寒色系の色です。OKLCHでは色相 184度、明度 90.3%、クロマ 0.066 です。