Benannte Farbe · #D2AB51
Solar Relic
Solar Relic ist #D2AB51: rgb(210 171 81), hsl(42 59% 57%), oklch(0.759 0.117 85.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Solar Relic color name →
#D2AB51
oklch(0.759 0.117 85.8)
Farbumrechnungen
- HEX
- #d2ab51
- RGB
- rgb(210 171 81)
- HSL
- hsl(42 59% 57%)
- HWB
- hwb(42 32% 18%)
- OKLCH
- oklch(0.759 0.117 85.8)
- OKLab
- oklab(0.759 0.009 0.117)
- CIE Lab
- lab(72.25 7.34 50.84)
- LCH
- lch(72.25 51.37 81.8)
- CMYK
- cmyk(0% 19% 61% 18%)
Tints · Shades · Tones
Tints
- D7B465
- DBBC78
- E0C48A
- E4CD9B
- E9D5AC
- EDDEBC
- F2E6CD
- F6EEDE
- FBF7EE
Shades
- B69445
- 9B7E3A
- 81682F
- 685424
- 50401A
- 392D10
- 241B07
- 100B02
- 020100
Tones
- CAA758
- C1A35F
- B99E65
- B19A6A
- A8966E
- A09273
- 988D76
- 90897A
- 88847D
Farbharmonien
Komplementär +180°
- D2AB51
Solar Relic
- 8DAFFC
≈ Kitten’s Eye
Analog -30° +30°
- D2AB51
Solar Relic
- EA9C64
≈ Florida Mango
- ADBA5F
≈ Gooseberry Fool
Triadisch +120° +240°
- D2AB51
Solar Relic
- 38C6D5
≈ Sea Serpent
- D796D9
≈ Somewhere in a Fairytale
Geteilt komplementär +150° +210°
- D2AB51
Solar Relic
- 5EBCF1
≈ Norfolk Sky
- B7A1F3
≈ Lavender Cream
Tetradisch +90° +180° +270°
- D2AB51
Solar Relic
- 4CC9AE
≈ Biscay Green
- 8DAFFC
≈ Kitten’s Eye
- EC90B3
≈ Charm Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.16:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.68:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--solar-relic: #d2ab51;
--solar-relic-rgb: 210 171 81;
--solar-relic-oklch: oklch(0.759 0.117 85.8);
}
.element {
color: var(--solar-relic);
background-color: hsl(42 59% 57%);
border-color: oklch(0.759 0.117 85.8);
}Tailwind CSS v4
@theme {
--color-solar-relic: #d2ab51;
--color-solar-relic-50: #fff4d0;
--color-solar-relic-100: #f8e6bc;
--color-solar-relic-200: #e9d29b;
--color-solar-relic-300: #d1b46f;
--color-solar-relic-400: #bd9944;
--color-solar-relic-500: #a97f00;
--color-solar-relic-600: #8f6c04;
--color-solar-relic-700: #725606;
--color-solar-relic-800: #553e03;
--color-solar-relic-900: #3c2b03;
--color-solar-relic-950: #251800;
}SCSS
$solar-relic: #d2ab51;
$solar-relic-rgb: 210, 171, 81;
$solar-relic-light: mix(#fff, $solar-relic, 20%);
$solar-relic-dark: mix(#000, $solar-relic, 20%);
.element {
color: $solar-relic;
box-shadow: 0 0 0 2px rgba($solar-relic, 0.35);
}