Nächste benannte Farbe · #CAA880
#CAA880
Nächste benannte Farbe: Latte
#CAA880 (rgb(202 168 128), hsl(32 41% 65%), oklch(0.752 0.067 71.1)) liegt am nächsten an der benannten Farbe Latte. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CAA880
oklch(0.752 0.067 71.1)
Farbumrechnungen
- HEX
- #caa880
- RGB
- rgb(202 168 128)
- HSL
- hsl(32 41% 65%)
- HWB
- hwb(32 50% 21%)
- OKLCH
- oklch(0.752 0.067 71.1)
- OKLab
- oklab(0.752 0.022 0.063)
- CIE Lab
- lab(71.23 8.73 25.61)
- LCH
- lch(71.23 27.06 71.2)
- CMYK
- cmyk(0% 17% 37% 21%)
Tints · Shades · Tones
Tints
- CFB18D
- D5B999
- DAC2A6
- DFCAB2
- E5D3BF
- EADCCC
- EFE5D8
- F5EDE5
- FAF6F2
Shades
- AF926E
- 957C5D
- 7C674D
- 64523D
- 4D3F2E
- 372C1F
- 221A12
- 0F0A06
- 020101
Tones
- C2A480
- BBA081
- B39C81
- AC9881
- A59481
- 9D9081
- 968C81
- 8F8881
- 878480
Farbharmonien
Komplementär +180°
- CAA880
Latte
- 8FB2D8
≈ Echo Isles Water
Analog -30° +30°
- CAA880
Latte
- D4A18E
≈ Indian Mesa
- B7B07F
≈ Leek Powder
Triadisch +120° +240°
- CAA880
Latte
- 7BBDB9
≈ Polished Aqua
- BCA3CE
≈ Lucius Lilac
Geteilt komplementär +150° +210°
- CAA880
Latte
- 7EB9CD
≈ Petit Four
- A7AAD9
≈ Childish Wonder
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.22:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.42:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--latte: #caa880;
--latte-rgb: 202 168 128;
--latte-oklch: oklch(0.752 0.067 71.1);
}
.element {
color: var(--latte);
background-color: hsl(32 41% 65%);
border-color: oklch(0.752 0.067 71.1);
}Tailwind CSS v4
@theme {
--color-latte: #caa880;
--color-latte-50: #fff3e1;
--color-latte-100: #f6e5d0;
--color-latte-200: #e6d0b5;
--color-latte-300: #cdb392;
--color-latte-400: #b89873;
--color-latte-500: #a27f54;
--color-latte-600: #896b47;
--color-latte-700: #6e5639;
--color-latte-800: #523e28;
--color-latte-900: #392b1b;
--color-latte-950: #23180b;
}SCSS
$latte: #caa880;
$latte-rgb: 202, 168, 128;
$latte-light: mix(#fff, $latte, 20%);
$latte-dark: mix(#000, $latte, 20%);
.element {
color: $latte;
box-shadow: 0 0 0 2px rgba($latte, 0.35);
}