Benannte Farbe · #AA8F7A
Cocoloco
Cocoloco ist #AA8F7A: rgb(170 143 122), hsl(26 22% 57%), oklch(0.669 0.044 59.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cocoloco color name →
#AA8F7A
oklch(0.669 0.044 59.8)
Farbumrechnungen
- HEX
- #aa8f7a
- RGB
- rgb(170 143 122)
- HSL
- hsl(26 22% 57%)
- HWB
- hwb(26 48% 33%)
- OKLCH
- oklch(0.669 0.044 59.8)
- OKLab
- oklab(0.669 0.022 0.038)
- CIE Lab
- lab(61.49 8.1 15.2)
- LCH
- lch(61.49 17.22 61.9)
- CMYK
- cmyk(0% 16% 28% 33%)
Tints · Shades · Tones
Tints
- B29A87
- BBA593
- C3B0A0
- CCBBAE
- D4C6BB
- DDD1C8
- E5DCD6
- EEE8E3
- F6F3F1
Shades
- 937C69
- 7D6959
- 685749
- 53453A
- 3F342B
- 2D241D
- 1B1510
- 0B0705
- 010101
Tones
- A68E7B
- A28C7B
- 9D8B7C
- 99897D
- 95887D
- 91867E
- 8D857F
- 88837F
- 848280
Farbharmonien
Komplementär +180°
- AA8F7A
Cocoloco
- 7D99AE
≈ Dyer’s Woad
Analog -30° +30°
- AA8F7A
Cocoloco
- AF8B85
≈ Warm Comfort
- A09476
≈ Lye
Triadisch +120° +240°
- AA8F7A
Cocoloco
- 789E96
≈ Vizcaya
- 998FAD
≈ Greek Lavender
Geteilt komplementär +150° +210°
- AA8F7A
Cocoloco
- 759DA4
≈ Voyage
- 8A94B1
≈ Cool Grey
Tetradisch +90° +180° +270°
- AA8F7A
Cocoloco
- 829D87
≈ Track Green
- 7D99AE
≈ Dyer’s Woad
- A58CA2
≈ Mauve Musk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.03:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.91:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--cocoloco: #aa8f7a;
--cocoloco-rgb: 170 143 122;
--cocoloco-oklch: oklch(0.669 0.044 59.8);
}
.element {
color: var(--cocoloco);
background-color: hsl(26 22% 57%);
border-color: oklch(0.669 0.044 59.8);
}Tailwind CSS v4
@theme {
--color-cocoloco: #aa8f7a;
--color-cocoloco-50: #fff3e9;
--color-cocoloco-100: #f3e5d9;
--color-cocoloco-200: #e3d0c2;
--color-cocoloco-300: #c9b3a1;
--color-cocoloco-400: #b39985;
--color-cocoloco-500: #9d8069;
--color-cocoloco-600: #846c59;
--color-cocoloco-700: #6a5647;
--color-cocoloco-800: #4e3f33;
--color-cocoloco-900: #372b23;
--color-cocoloco-950: #211812;
}SCSS
$cocoloco: #aa8f7a;
$cocoloco-rgb: 170, 143, 122;
$cocoloco-light: mix(#fff, $cocoloco, 20%);
$cocoloco-dark: mix(#000, $cocoloco, 20%);
.element {
color: $cocoloco;
box-shadow: 0 0 0 2px rgba($cocoloco, 0.35);
}