命名颜色 · #FFEEC2

Sun-Kissed

Sun-Kissed 即 #FFEEC2：rgb(255 238 194)、hsl(43 100% 88%)、oklch(0.952 0.06 89.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Sun-Kissed color name →

#FFEEC2

oklch(0.952 0.06 89.4)

颜色转换

HEX: #ffeec2
RGB: rgb(255 238 194)
HSL: hsl(43 100% 88%)
HWB: hwb(43 76% 0%)
OKLCH: oklch(0.952 0.06 89.4)
OKLab: oklab(0.952 0.001 0.06)
CIE Lab: lab(94.66 1.03 23.58)
LCH: lch(94.66 23.6 87.5)
CMYK: cmyk(0% 7% 24% 0%)

浅色调 · 深色调 · 灰色调

浅色调

FFF0C8
FFF2CE
FFF3D5
FFF5DB
FFF7E1
FFF8E7
FFFAED
FFFCF3
FFFDF9

深色调

DECFA8
BEB18F
9E9377
807760
635C49
484234
2E2A20
16140E
030302

灰色调

F2E3BB
E4D7B5
D7CCAE
CAC1A8
BEB6A1
B1AB9A
A4A094
98958D
8C8A87

配色和谐

互补色 +180°

FFEEC2
Sun-Kissed
E9EFFF
≈ Brilliant White

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.15:1 · APCA Lc 0

Fail

黑底

WCAG 18.26:1 · APCA Lc 97

AAA

最佳文字颜色: #000000

WCAG 18.26:1 (AAA) · APCA Lc 97

Contrast pairs

代码片段

CSS

:root {
  --sun-kissed: #ffeec2;
  --sun-kissed-rgb: 255 238 194;
  --sun-kissed-oklch: oklch(0.952 0.06 89.4);
}

.element {
  color: var(--sun-kissed);
  background-color: hsl(43 100% 88%);
  border-color: oklch(0.952 0.06 89.4);
}

Tailwind CSS v4

@theme {
  --color-sun-kissed: #ffeec2;
  --color-sun-kissed-50: #fbf5e2;
  --color-sun-kissed-100: #efe8d2;
  --color-sun-kissed-200: #ddd4b8;
  --color-sun-kissed-300: #c2b795;
  --color-sun-kissed-400: #ac9d76;
  --color-sun-kissed-500: #968557;
  --color-sun-kissed-600: #7f704b;
  --color-sun-kissed-700: #655a3b;
  --color-sun-kissed-800: #4b412a;
  --color-sun-kissed-900: #342d1c;
  --color-sun-kissed-950: #201a0c;
}

SCSS

$sun-kissed: #ffeec2;
$sun-kissed-rgb: 255, 238, 194;
$sun-kissed-light: mix(#fff, $sun-kissed, 20%);
$sun-kissed-dark: mix(#000, $sun-kissed, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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