Benannte Farbe · #F6E0A4
Sun Dust
Sun Dust ist #F6E0A4: rgb(246 224 164), hsl(44 82% 80%), oklch(0.911 0.08 90.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sun Dust color name →
#F6E0A4
oklch(0.911 0.08 90.3)
Farbumrechnungen
- HEX
- #f6e0a4
- RGB
- rgb(246 224 164)
- HSL
- hsl(44 82% 80%)
- HWB
- hwb(44 64% 4%)
- OKLCH
- oklch(0.911 0.08 90.3)
- OKLab
- oklab(0.911 0 0.08)
- CIE Lab
- lab(89.95 1.52 32.35)
- LCH
- lch(89.95 32.39 87.3)
- CMYK
- cmyk(0% 9% 33% 4%)
Tints · Shades · Tones
Tints
- F7E3AE
- F8E6B7
- F9EAC0
- FAEDC9
- FBF0D2
- FBF3DB
- FCF6E4
- FDF9ED
- FEFCF6
Shades
- D6C38E
- B7A679
- 988A64
- 7B7050
- 5F563D
- 453E2B
- 2C271A
- 15120A
- 030201
Tones
- EAD6A1
- DDCC9E
- D1C29A
- C5B997
- B9AF93
- AEA58F
- A29C8C
- 969388
- 8B8984
Farbharmonien
Komplementär +180°
- F6E0A4
Sun Dust
- D6E1FF
≈ Contrail
Analog -30° +30°
- F6E0A4
Sun Dust
- FFD9BC
≈ Thousand Needles Sand
- DAEAAE
≈ Ice Cold Green
Triadisch +120° +240°
- F6E0A4
Sun Dust
- A2F1FF
≈ Beyond the Clouds
- FFD0F9
≈ Pink Diamond
Geteilt komplementär +150° +210°
- F6E0A4
Sun Dust
- C6E7FF
≈ Icy Landscape
- E6DAFF
≈ Transparent Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.11:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.11:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--sun-dust: #f6e0a4;
--sun-dust-rgb: 246 224 164;
--sun-dust-oklch: oklch(0.911 0.08 90.3);
}
.element {
color: var(--sun-dust);
background-color: hsl(44 82% 80%);
border-color: oklch(0.911 0.08 90.3);
}Tailwind CSS v4
@theme {
--color-sun-dust: #f6e0a4;
--color-sun-dust-50: #fdf5dc;
--color-sun-dust-100: #f1e8ca;
--color-sun-dust-200: #e0d4ae;
--color-sun-dust-300: #c6b788;
--color-sun-dust-400: #b19d66;
--color-sun-dust-500: #9b8443;
--color-sun-dust-600: #83703a;
--color-sun-dust-700: #69592e;
--color-sun-dust-800: #4e4120;
--color-sun-dust-900: #362d15;
--color-sun-dust-950: #211a06;
}SCSS
$sun-dust: #f6e0a4;
$sun-dust-rgb: 246, 224, 164;
$sun-dust-light: mix(#fff, $sun-dust, 20%);
$sun-dust-dark: mix(#000, $sun-dust, 20%);
.element {
color: $sun-dust;
box-shadow: 0 0 0 2px rgba($sun-dust, 0.35);
}