Nächste benannte Farbe · #897169
#897169
Nächste benannte Farbe: Caribou
#897169 (rgb(137 113 105), hsl(15 13% 47%), oklch(0.569 0.033 39.3)) liegt am nächsten an der benannten Farbe Caribou. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#897169
oklch(0.569 0.033 39.3)
Farbumrechnungen
- HEX
- #897169
- RGB
- rgb(137 113 105)
- HSL
- hsl(15 13% 47%)
- HWB
- hwb(15 41% 46%)
- OKLCH
- oklch(0.569 0.033 39.3)
- OKLab
- oklab(0.569 0.025 0.021)
- CIE Lab
- lab(49.81 8.76 8.18)
- LCH
- lch(49.81 11.98 43)
- CMYK
- cmyk(0% 18% 23% 46%)
Tints · Shades · Tones
Tints
- 947E77
- A08C85
- AB9994
- B7A7A2
- C3B6B1
- CFC4C0
- DBD2D0
- E7E1DF
- F3F0EF
Shades
- 76615A
- 64524C
- 53433E
- 423531
- 312724
- 221A18
- 140E0C
- 070404
- 010100
Tones
- 88736B
- 87746E
- 877670
- 867772
- 857975
- 847A77
- 837C79
- 827D7B
- 817F7E
Farbharmonien
Komplementär +180°
- 897169
Caribou
- 627C84
≈ Refuge
Analog -30° +30°
- 897169
Caribou
- 897073
≈ Sandstone Red Grey
- 847463
≈ Sandy Shoes
Triadisch +120° +240°
- 897169
Caribou
- 677D70
≈ Cypress Garden
- 73768B
≈ Fantasia
Geteilt komplementär +150° +210°
- 897169
Caribou
- 617E7B
≈ Teal Stencil
- 69798A
≈ Menacing Clouds
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.62:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--caribou: #897169;
--caribou-rgb: 137 113 105;
--caribou-oklch: oklch(0.569 0.033 39.3);
}
.element {
color: var(--caribou);
background-color: hsl(15 13% 47%);
border-color: oklch(0.569 0.033 39.3);
}Tailwind CSS v4
@theme {
--color-caribou: #897169;
--color-caribou-50: #fef2ee;
--color-caribou-100: #f2e5e0;
--color-caribou-200: #e1d0ca;
--color-caribou-300: #c7b2ab;
--color-caribou-400: #b09890;
--color-caribou-500: #9a7f76;
--color-caribou-600: #826c64;
--color-caribou-700: #685650;
--color-caribou-800: #4d3f3a;
--color-caribou-900: #352b28;
--color-caribou-950: #211816;
}SCSS
$caribou: #897169;
$caribou-rgb: 137, 113, 105;
$caribou-light: mix(#fff, $caribou, 20%);
$caribou-dark: mix(#000, $caribou, 20%);
.element {
color: $caribou;
box-shadow: 0 0 0 2px rgba($caribou, 0.35);
}