Benannte Farbe · #AD7D76
Ferris Wheel
Ferris Wheel ist #AD7D76: rgb(173 125 118), hsl(8 25% 57%), oklch(0.635 0.061 28.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ferris Wheel color name →
#AD7D76
oklch(0.635 0.061 28.2)
Farbumrechnungen
- HEX
- #ad7d76
- RGB
- rgb(173 125 118)
- HSL
- hsl(8 25% 57%)
- HWB
- hwb(8 46% 32%)
- OKLCH
- oklch(0.635 0.061 28.2)
- OKLab
- oklab(0.635 0.054 0.029)
- CIE Lab
- lab(57.17 18.49 11.59)
- LCH
- lch(57.17 21.82 32.1)
- CMYK
- cmyk(0% 28% 32% 32%)
Tints · Shades · Tones
Tints
- B58983
- BE9690
- C6A39D
- CEB0AB
- D7BCB8
- DFCAC6
- E7D7D4
- EFE4E2
- F7F1F1
Shades
- 966C66
- 7F5B56
- 6A4B47
- 553B38
- 412C29
- 2D1E1C
- 1B110F
- 0B0505
- 010101
Tones
- A97D77
- A47E78
- A07E79
- 9C7F7A
- 977F7B
- 937F7C
- 8E7F7D
- 89807E
- 85807F
Farbharmonien
Komplementär +180°
- AD7D76
Ferris Wheel
- 5C959E
≈ Clear Brook
Analog -30° +30°
- AD7D76
Ferris Wheel
- AA7C8A
≈ Silken Raspberry
- A78266
≈ Warm Cognac
Triadisch +120° +240°
- AD7D76
Ferris Wheel
- 729576
≈ Tabbouleh
- 7B8AB1
≈ Purple Impression
Geteilt komplementär +150° +210°
- AD7D76
Ferris Wheel
- 61978B
≈ Fiddler
- 6891AC
≈ Treasure Map Waters
Tetradisch +90° +180° +270°
- AD7D76
Ferris Wheel
- 879066
≈ Green Coconut
- 5C959E
≈ Clear Brook
- 8F83AC
≈ Purple Phantom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.51:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.97:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--ferris-wheel: #ad7d76;
--ferris-wheel-rgb: 173 125 118;
--ferris-wheel-oklch: oklch(0.635 0.061 28.2);
}
.element {
color: var(--ferris-wheel);
background-color: hsl(8 25% 57%);
border-color: oklch(0.635 0.061 28.2);
}Tailwind CSS v4
@theme {
--color-ferris-wheel: #ad7d76;
--color-ferris-wheel-50: #ffefeb;
--color-ferris-wheel-100: #fce1dc;
--color-ferris-wheel-200: #edcbc5;
--color-ferris-wheel-300: #d5aca5;
--color-ferris-wheel-400: #c0918a;
--color-ferris-wheel-500: #ab776f;
--color-ferris-wheel-600: #91655e;
--color-ferris-wheel-700: #74504b;
--color-ferris-wheel-800: #563a37;
--color-ferris-wheel-900: #3c2826;
--color-ferris-wheel-950: #261614;
}SCSS
$ferris-wheel: #ad7d76;
$ferris-wheel-rgb: 173, 125, 118;
$ferris-wheel-light: mix(#fff, $ferris-wheel, 20%);
$ferris-wheel-dark: mix(#000, $ferris-wheel, 20%);
.element {
color: $ferris-wheel;
box-shadow: 0 0 0 2px rgba($ferris-wheel, 0.35);
}