命名颜色 · #F4E8B2

Icy Lemonade

Icy Lemonade 即 #F4E8B2：rgb(244 232 178)、hsl(49 75% 83%)、oklch(0.928 0.071 97)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Icy Lemonade color name →

#F4E8B2

oklch(0.928 0.071 97)

颜色转换

HEX: #f4e8b2
RGB: rgb(244 232 178)
HSL: hsl(49 75% 83%)
HWB: hwb(49 70% 4%)
OKLCH: oklch(0.928 0.071 97)
OKLab: oklab(0.928 -0.009 0.07)
CIE Lab: lab(91.99 -1.8 27.92)
LCH: lch(91.99 27.98 93.7)
CMYK: cmyk(0% 5% 27% 4%)

浅色调 · 深色调 · 灰色调

浅色调

F5EABA
F6EDC2
F7EFCA
F8F1D1
F9F4D9
FBF6E1
FCF8E8
FDFBF0
FEFDF7

深色调

D4CA9A
B5AC83
97906D
7A7457
5E5943
44402F
2B291D
14130C
030301

灰色调

E8DDAD
DCD2A8
D0C8A3
C4BD9F
B8B39A
ADA895
A19E8F
96948A
8B8A85

配色和谐

互补色 +180°

F4E8B2
Icy Lemonade
E1E6FF
≈ Lavender Mist

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.23:1 · APCA Lc 12

Fail

黑底

WCAG 17.03:1 · APCA Lc 93

AAA

最佳文字颜色: #000000

WCAG 17.03:1 (AAA) · APCA Lc 93

Contrast pairs

代码片段

CSS

:root {
  --icy-lemonade: #f4e8b2;
  --icy-lemonade-rgb: 244 232 178;
  --icy-lemonade-oklch: oklch(0.928 0.071 97);
}

.element {
  color: var(--icy-lemonade);
  background-color: hsl(49 75% 83%);
  border-color: oklch(0.928 0.071 97);
}

Tailwind CSS v4

@theme {
  --color-icy-lemonade: #f4e8b2;
  --color-icy-lemonade-50: #faf6df;
  --color-icy-lemonade-100: #ede9ce;
  --color-icy-lemonade-200: #dbd5b3;
  --color-icy-lemonade-300: #c0b98f;
  --color-icy-lemonade-400: #aa9f6e;
  --color-icy-lemonade-500: #93874e;
  --color-icy-lemonade-600: #7c7243;
  --color-icy-lemonade-700: #645b35;
  --color-icy-lemonade-800: #4a4225;
  --color-icy-lemonade-900: #332e19;
  --color-icy-lemonade-950: #1f1a09;
}

SCSS

$icy-lemonade: #f4e8b2;
$icy-lemonade-rgb: 244, 232, 178;
$icy-lemonade-light: mix(#fff, $icy-lemonade, 20%);
$icy-lemonade-dark: mix(#000, $icy-lemonade, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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