命名颜色 · #FAF6DB

Warm Sun

Warm Sun 即 #FAF6DB：rgb(250 246 219)、hsl(52 76% 92%)、oklch(0.969 0.036 100.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Warm Sun color name →

#FAF6DB

oklch(0.969 0.036 100.1)

颜色转换

HEX: #faf6db
RGB: rgb(250 246 219)
HSL: hsl(52 76% 92%)
HWB: hwb(52 86% 2%)
OKLCH: oklch(0.969 0.036 100.1)
OKLab: oklab(0.969 -0.006 0.035)
CIE Lab: lab(96.67 -1.92 13.55)
LCH: lch(96.67 13.68 98.1)
CMYK: cmyk(0% 2% 12% 2%)

浅色调 · 深色调 · 灰色调

浅色调

FAF7DF
FBF8E2
FBF9E6
FCFAEA
FCFBED
FDFBF1
FDFCF4
FEFDF8
FEFEFB

深色调

D9D6BE
BAB7A2
9B9887
7D7B6D
615F54
46453C
2D2C26
151511
030302

灰色调

EDEAD2
E0DDC8
D4D1BF
C7C5B6
BBB9AD
AFAEA3
A3A29A
979692
8B8B89

配色和谐

互补色 +180°

FAF6DB
Warm Sun
F3F4FF
≈ Sugar Crystal

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.08:1 · APCA Lc 0

Fail

黑底

WCAG 19.27:1 · APCA Lc 101

AAA

最佳文字颜色: #000000

WCAG 19.27:1 (AAA) · APCA Lc 101

Contrast pairs

代码片段

CSS

:root {
  --warm-sun: #faf6db;
  --warm-sun-rgb: 250 246 219;
  --warm-sun-oklch: oklch(0.969 0.036 100.1);
}

.element {
  color: var(--warm-sun);
  background-color: hsl(52 76% 92%);
  border-color: oklch(0.969 0.036 100.1);
}

Tailwind CSS v4

@theme {
  --color-warm-sun: #faf6db;
  --color-warm-sun-50: #f7f6ea;
  --color-warm-sun-100: #eae9db;
  --color-warm-sun-200: #d7d5c4;
  --color-warm-sun-300: #bbb8a4;
  --color-warm-sun-400: #a39f88;
  --color-warm-sun-500: #8b876c;
  --color-warm-sun-600: #76725c;
  --color-warm-sun-700: #5e5b49;
  --color-warm-sun-800: #454335;
  --color-warm-sun-900: #302e24;
  --color-warm-sun-950: #1c1b13;
}

SCSS

$warm-sun: #faf6db;
$warm-sun-rgb: 250, 246, 219;
$warm-sun-light: mix(#fff, $warm-sun, 20%);
$warm-sun-dark: mix(#000, $warm-sun, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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