Benannte Farbe · #AD7171
Horizon Glow
Horizon Glow ist #AD7171: rgb(173 113 113), hsl(0 27% 56%), oklch(0.612 0.076 19.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Horizon Glow color name →
#AD7171
oklch(0.612 0.076 19.5)
Farbumrechnungen
- HEX
- #ad7171
- RGB
- rgb(173 113 113)
- HSL
- hsl(0 27% 56%)
- HWB
- hwb(0 44% 32%)
- OKLCH
- oklch(0.612 0.076 19.5)
- OKLab
- oklab(0.612 0.072 0.026)
- CIE Lab
- lab(54.17 24.42 10.32)
- LCH
- lch(54.17 26.51 22.9)
- CMYK
- cmyk(0% 35% 35% 32%)
Tints · Shades · Tones
Tints
- B67F7E
- BE8C8C
- C79A9A
- CFA8A7
- D7B6B6
- E0C5C4
- E8D3D2
- EFE2E1
- F7F0F0
Shades
- 966161
- 7F5252
- 6A4343
- 553535
- 412727
- 2D1A1A
- 1B0E0E
- 0B0404
- 010101
Tones
- A97373
- A57474
- A07676
- 9C7877
- 987979
- 937B7A
- 8F7C7C
- 8A7D7D
- 857F7F
Farbharmonien
Komplementär +180°
- AD7171
Horizon Glow
- 449295
≈ Catalan
Analog -30° +30°
- AD7171
Horizon Glow
- A7718B
≈ Mauve Orchid
- A9765A
≈ Toasted Chestnut
Triadisch +120° +240°
- AD7171
Horizon Glow
- 6C8F63
≈ English Ivy
- 6885B2
≈ Perfect Periwinkle
Geteilt komplementär +150° +210°
- AD7171
Horizon Glow
- 51937C
≈ Puerto Princesa
- 4F8DA9
≈ Blue Chaise
Tetradisch +90° +180° +270°
- AD7171
Horizon Glow
- 878850
≈ Snap Pea Green
- 449295
≈ Catalan
- 827CAF
≈ Murex
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.90:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.37:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--horizon-glow: #ad7171;
--horizon-glow-rgb: 173 113 113;
--horizon-glow-oklch: oklch(0.612 0.076 19.5);
}
.element {
color: var(--horizon-glow);
background-color: hsl(0 27% 56%);
border-color: oklch(0.612 0.076 19.5);
}Tailwind CSS v4
@theme {
--color-horizon-glow: #ad7171;
--color-horizon-glow-50: #ffedeb;
--color-horizon-glow-100: #ffdedd;
--color-horizon-glow-200: #f4c8c6;
--color-horizon-glow-300: #dca8a6;
--color-horizon-glow-400: #c88d8c;
--color-horizon-glow-500: #b37172;
--color-horizon-glow-600: #986060;
--color-horizon-glow-700: #7a4d4d;
--color-horizon-glow-800: #5a3739;
--color-horizon-glow-900: #3f2627;
--color-horizon-glow-950: #281415;
}SCSS
$horizon-glow: #ad7171;
$horizon-glow-rgb: 173, 113, 113;
$horizon-glow-light: mix(#fff, $horizon-glow, 20%);
$horizon-glow-dark: mix(#000, $horizon-glow, 20%);
.element {
color: $horizon-glow;
box-shadow: 0 0 0 2px rgba($horizon-glow, 0.35);
}