Benannte Farbe · #DFBA5A
Sun God
Sun God ist #DFBA5A: rgb(223 186 90), hsl(43 68% 61%), oklch(0.803 0.122 88.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sun God color name →
#DFBA5A
oklch(0.803 0.122 88.3)
Farbumrechnungen
- HEX
- #dfba5a
- RGB
- rgb(223 186 90)
- HSL
- hsl(43 68% 61%)
- HWB
- hwb(43 35% 13%)
- OKLCH
- oklch(0.803 0.122 88.3)
- OKLab
- oklab(0.803 0.004 0.122)
- CIE Lab
- lab(77.42 5.72 52.79)
- LCH
- lch(77.42 53.1 83.8)
- CMYK
- cmyk(0% 17% 60% 13%)
Tints · Shades · Tones
Tints
- E2C16D
- E6C87F
- E9CF90
- ECD6A1
- EFDDB1
- F2E4C1
- F6EBD0
- F9F1E0
- FCF8EF
Shades
- C2A14D
- A58941
- 8A7235
- 6F5C29
- 56461E
- 3D3213
- 271E09
- 120D03
- 020200
Tones
- D5B461
- CBAF66
- C2A96B
- B8A36F
- AE9D73
- A59776
- 9C9279
- 928C7C
- 89867E
Farbharmonien
Komplementär +180°
- DFBA5A
Sun God
- A4BDFF
≈ Pastel Blue
Analog -30° +30°
- DFBA5A
Sun God
- F9AA6B
≈ Florida Sunrise
- B7C96B
≈ Young Leaf
Triadisch +120° +240°
- DFBA5A
Sun God
- 43D4E8
≈ Thousand Sons Blue
- EAA2E6
≈ Candy Floss
Geteilt komplementär +150° +210°
- DFBA5A
Sun God
- 74C9FF
≈ Bubbly Barracuda
- C8AEFF
≈ Purple Hepatica
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.30:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--sun-god: #dfba5a;
--sun-god-rgb: 223 186 90;
--sun-god-oklch: oklch(0.803 0.122 88.3);
}
.element {
color: var(--sun-god);
background-color: hsl(43 68% 61%);
border-color: oklch(0.803 0.122 88.3);
}Tailwind CSS v4
@theme {
--color-sun-god: #dfba5a;
--color-sun-god-50: #fff4ce;
--color-sun-god-100: #f7e7ba;
--color-sun-god-200: #e8d398;
--color-sun-god-300: #cfb56c;
--color-sun-god-400: #bc9a3e;
--color-sun-god-500: #a78000;
--color-sun-god-600: #8d6c00;
--color-sun-god-700: #715700;
--color-sun-god-800: #553f00;
--color-sun-god-900: #3b2b00;
--color-sun-god-950: #251800;
}SCSS
$sun-god: #dfba5a;
$sun-god-rgb: 223, 186, 90;
$sun-god-light: mix(#fff, $sun-god, 20%);
$sun-god-dark: mix(#000, $sun-god, 20%);
.element {
color: $sun-god;
box-shadow: 0 0 0 2px rgba($sun-god, 0.35);
}