命名颜色 · #FFFFE9

Ice Glow

Ice Glow 即 #FFFFE9：rgb(255 255 233)、hsl(60 100% 96%)、oklch(0.994 0.029 106.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Ice Glow color name →

#FFFFE9

oklch(0.994 0.029 106.9)

颜色转换

HEX: #ffffe9
RGB: rgb(255 255 233)
HSL: hsl(60 100% 96%)
HWB: hwb(60 91% 0%)
OKLCH: oklch(0.994 0.029 106.9)
OKLab: oklab(0.994 -0.008 0.027)
CIE Lab: lab(99.56 -2.74 10.56)
LCH: lch(99.56 10.91 104.6)
CMYK: cmyk(0% 0% 9% 0%)

浅色调 · 深色调 · 灰色调

浅色调

FFFFEB
FFFFED
FFFFF0
FFFFF2
FFFFF4
FFFFF6
FFFFF8
FFFFFB
FFFFFD

深色调

DEDECB
BEBEAD
9E9E90
808074
63635A
484841
2E2E29
161613
030303

灰色调

F2F2DE
E4E4D3
D7D7C8
CACABE
BDBEB3
B1B1A9
A4A49E
989894
8C8C8A

配色和谐

互补色 +180°

FFFFE9
Ice Glow
FDFDFF
≈ Pale Grey

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.01:1 · APCA Lc 0

Fail

黑底

WCAG 20.73:1 · APCA Lc 107

AAA

最佳文字颜色: #000000

WCAG 20.73:1 (AAA) · APCA Lc 107

Contrast pairs

代码片段

CSS

:root {
  --ice-glow: #ffffe9;
  --ice-glow-rgb: 255 255 233;
  --ice-glow-oklch: oklch(0.994 0.029 106.9);
}

.element {
  color: var(--ice-glow);
  background-color: hsl(60 100% 96%);
  border-color: oklch(0.994 0.029 106.9);
}

Tailwind CSS v4

@theme {
  --color-ice-glow: #ffffe9;
  --color-ice-glow-50: #f5f6ed;
  --color-ice-glow-100: #e8e9de;
  --color-ice-glow-200: #d5d5c8;
  --color-ice-glow-300: #b8b9a8;
  --color-ice-glow-400: #a0a08d;
  --color-ice-glow-500: #888872;
  --color-ice-glow-600: #737361;
  --color-ice-glow-700: #5c5c4d;
  --color-ice-glow-800: #444338;
  --color-ice-glow-900: #2f2e26;
  --color-ice-glow-950: #1b1b14;
}

SCSS

$ice-glow: #ffffe9;
$ice-glow-rgb: 255, 255, 233;
$ice-glow-light: mix(#fff, $ice-glow, 20%);
$ice-glow-dark: mix(#000, $ice-glow, 20%);

.element {
  color: $ice-glow;
  box-shadow: 0 0 0 2px rgba($ice-glow, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API