Benannte Farbe · #FAF6DB
Warm Sun
Warm Sun ist #FAF6DB: rgb(250 246 219), hsl(52 76% 92%), oklch(0.969 0.036 100.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Warm Sun color name →
#FAF6DB
oklch(0.969 0.036 100.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FAF7DF
- FBF8E2
- FBF9E6
- FCFAEA
- FCFBED
- FDFBF1
- FDFCF4
- FEFDF8
- FEFEFB
Shades
- D9D6BE
- BAB7A2
- 9B9887
- 7D7B6D
- 615F54
- 46453C
- 2D2C26
- 151511
- 030302
Tones
- EDEAD2
- E0DDC8
- D4D1BF
- C7C5B6
- BBB9AD
- AFAEA3
- A3A29A
- 979692
- 8B8B89
Farbharmonien
Komplementär +180°
- FAF6DB
Warm Sun
- F3F4FF
≈ Sugar Crystal
Analog -30° +30°
- FAF6DB
Warm Sun
- FFF3E5
≈ Doeskin
- EDFAE1
≈ Lemon Sugar
Triadisch +120° +240°
- FAF6DB
Warm Sun
- E6F9FF
≈ Clear Skies
- FFF0F9
≈ Pinkish White
Geteilt komplementär +150° +210°
- FAF6DB
Warm Sun
- EEF6FF
≈ Alice Blue
- F9F1FF
≈ Cloud Break
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.08:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.27:1 · APCA Lc 101
Beste Textfarbe: #000000
WCAG 19.27:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
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);
}