# カラーコード #acecff：パステル調の ごく明るい空色

#acecff はRGBで rgb(172, 236, 255)、OKLCHで oklch(90.642% 0.06918 218.135) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #acecff |
| RGB | rgb(172, 236, 255) |
| HSL | hsl(193.73, 100%, 83.73%) |
| HSB / HSV | hsv(193.73 32.55% 100%) |
| HWB | hwb(193.73 67.45% 0%) |
| CMYK | cmyk(33% 7% 0% 0%) |
| Lab | lab(89.57 -17.52 -16.04) |
| LCH | lch(89.57 23.76 222.47) |
| OKLab | oklab(90.642% -0.05441 -0.04272) |
| OKLCH | oklch(90.642% 0.06918 218.135) |
| Display P3 | color(display-p3 0.72754 0.91856 0.9904) |
| Rec. 2020 | color(rec2020 0.75991 0.9012 0.98814) |
| Adobe RGB | color(a98-rgb 0.7518 0.92318 0.99698) |
| ProPhoto RGB | color(prophoto-rgb 0.77759 0.88427 0.98385) |
| 線形sRGB | color(srgb-linear 0.41254 0.8388 1) |
| XYZ D65 | color(xyz-d65 0.65055 0.7598 1.05849) |
| XYZ D50 | color(xyz-d50 0.64604 0.75373 0.80128) |
| SwiftUI | Color(red: 0.675, green: 0.925, blue: 1) |
| UIKit | UIColor(red: 0.675, green: 0.925, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFFACECFF) |
| Android XML | #ACECFF |

## 基本情報

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

## ティント

#acecff, #b5eeff, #bef0ff, #c6f2ff, #cff4ff, #d7f6ff, #dff8ff, #e7faff, #effbff, #f7fdff

## シェード

#acecff, #95cdde, #7fafbe, #69929e, #547680, #405b63, #2d4248, #1b292e, #0b1316, #010303

## トーン

#acecff, #b2ebfc, #b8eaf9, #bde9f6, #c2e7f3, #c8e6f0, #cde5ec, #d2e4e9, #d7e3e6, #dbe1e3

## カラーハーモニー

- 補色: #acecff, #ffd1bf
- 分裂補色: #acecff, #ffced7, #ffd8af
- 類似色: #acecff, #abf0e9, #bde5ff
- トライアド: #acecff, #ffcff0, #ece1ad
- テトラード: #acecff, #d5ddff, #ffd1bf, #ece1ad
- スクエア: #acecff, #edd4ff, #ffd1bf, #d3eab9
- モノクロマティック: #acecff, #619fb1, #86c5d7, #ceffff, #ceffff

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

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

#acecff はパステル調の ごく明るい空色です。最も近い名前のある色はパステル調の ごく明るい空色です。RGBでは rgb(172, 236, 255)、HSLでは hsl(193.73, 100%, 83.73%)、OKLCHでは oklch(90.642% 0.06918 218.135) です。

### #acecff に合う色は？

#acecff の補色は #ffd1bf です。落ち着いた組み合わせにするなら、類似色の #abf0e9 と #bde5ff を使いましょう。トライアドの組み合わせは #ffcff0 と #ece1ad です。

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

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

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

#acecff は寒色系の色です。OKLCHでは色相 218度、明度 90.6%、クロマ 0.069 です。