Benannte Farbe · #C7994F
Laredo Road
Laredo Road ist #C7994F: rgb(199 153 79), hsl(37 52% 55%), oklch(0.711 0.107 77.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Laredo Road color name →
#C7994F
oklch(0.711 0.107 77.5)
Farbumrechnungen
- HEX
- #c7994f
- RGB
- rgb(199 153 79)
- HSL
- hsl(37 52% 55%)
- HWB
- hwb(37 31% 22%)
- OKLCH
- oklch(0.711 0.107 77.5)
- OKLab
- oklab(0.711 0.023 0.104)
- CIE Lab
- lab(66.53 11.76 45.1)
- LCH
- lch(66.53 46.61 75.4)
- CMYK
- cmyk(0% 23% 60% 22%)
Tints · Shades · Tones
Tints
- CDA362
- D3AD75
- D8B786
- DEC298
- E4CCA9
- E9D6BA
- EFE0CB
- F4EADC
- FAF5EE
Shades
- AD8444
- 937038
- 7A5D2E
- 624A23
- 4C3819
- 362710
- 211707
- 0E0802
- 020100
Tones
- C09756
- B9945C
- B29262
- AA9067
- A38D6C
- 9C8B71
- 958875
- 8E8579
- 87837C
Farbharmonien
Komplementär +180°
- C7994F
Laredo Road
- 77A4E4
≈ Greek Sea
Analog -30° +30°
- C7994F
Laredo Road
- D98D66
≈ Copper Pipe
- A9A753
≈ The Goods
Triadisch +120° +240°
- C7994F
Laredo Road
- 38B6B9
≈ Caicos Turquoise
- BD8CCE
≈ Pale Purple
Geteilt komplementär +150° +210°
- C7994F
Laredo Road
- 4DAFD6
≈ Epimetheus
- 9E97E1
≈ Dull Lavender
Tetradisch +90° +180° +270°
- C7994F
Laredo Road
- 55B794
≈ Blue Green Scene
- 77A4E4
≈ Greek Sea
- D386AE
≈ Berry Twist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.59:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.09:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--laredo-road: #c7994f;
--laredo-road-rgb: 199 153 79;
--laredo-road-oklch: oklch(0.711 0.107 77.5);
}
.element {
color: var(--laredo-road);
background-color: hsl(37 52% 55%);
border-color: oklch(0.711 0.107 77.5);
}Tailwind CSS v4
@theme {
--color-laredo-road: #c7994f;
--color-laredo-road-50: #fff2d3;
--color-laredo-road-100: #fbe5c0;
--color-laredo-road-200: #edd0a1;
--color-laredo-road-300: #d5b278;
--color-laredo-road-400: #c29651;
--color-laredo-road-500: #ad7c22;
--color-laredo-road-600: #92691f;
--color-laredo-road-700: #755419;
--color-laredo-road-800: #583c10;
--color-laredo-road-900: #3d2a0a;
--color-laredo-road-950: #271700;
}SCSS
$laredo-road: #c7994f;
$laredo-road-rgb: 199, 153, 79;
$laredo-road-light: mix(#fff, $laredo-road, 20%);
$laredo-road-dark: mix(#000, $laredo-road, 20%);
.element {
color: $laredo-road;
box-shadow: 0 0 0 2px rgba($laredo-road, 0.35);
}