Nearest named color · #897264
#897264
Nearest named color: Caribou
#897264 (rgb(137 114 100), hsl(23 16% 46%), oklch(0.57 0.036 53.1)) is closest to the named color Caribou. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#897264
oklch(0.57 0.036 53.1)
Color conversions
- HEX
- #897264
- RGB
- rgb(137 114 100)
- HSL
- hsl(23 16% 46%)
- HWB
- hwb(23 39% 46%)
- OKLCH
- oklch(0.57 0.036 53.1)
- OKLab
- oklab(0.57 0.022 0.029)
- CIE Lab
- lab(49.98 7.64 11.33)
- LCH
- lch(49.98 13.67 56)
- CMYK
- cmyk(0% 17% 27% 46%)
Tints · Shades · Tones
Tints
- 947F72
- A08D81
- AB9A90
- B7A89F
- C3B6AF
- CFC4BE
- DBD3CE
- E7E1DE
- F3F0EE
Shades
- 766256
- 645348
- 53443B
- 42362E
- 312822
- 221B16
- 140E0B
- 070403
- 010100
Tones
- 887367
- 87756A
- 87766C
- 86786F
- 857972
- 847B75
- 837C78
- 827D7A
- 817F7D
Color harmonies
Complementary +180°
- 897264
Caribou
- 637B89
≈ Passageway
Analogous -30° +30°
- 897264
Caribou
- 8C6F6D
≈ Touch of Class
- 827660
≈ Stonewall
Triadic +120° +240°
- 897264
Caribou
- 627F75
≈ Penzance
- 78748B
≈ Plum Shade
Split-complementary +150° +210°
- 897264
Caribou
- 5F7E81
≈ Refuge
- 6C788D
≈ Causeway
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 30
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--caribou: #897264;
--caribou-rgb: 137 114 100;
--caribou-oklch: oklch(0.57 0.036 53.1);
}
.element {
color: var(--caribou);
background-color: hsl(23 16% 46%);
border-color: oklch(0.57 0.036 53.1);
}Tailwind CSS v4
@theme {
--color-caribou: #897264;
--color-caribou-50: #fef3ec;
--color-caribou-100: #f2e5dd;
--color-caribou-200: #e1d1c6;
--color-caribou-300: #c7b3a6;
--color-caribou-400: #b0998b;
--color-caribou-500: #9a8070;
--color-caribou-600: #826c5f;
--color-caribou-700: #68574c;
--color-caribou-800: #4d3f37;
--color-caribou-900: #352b26;
--color-caribou-950: #211914;
}SCSS
$caribou: #897264;
$caribou-rgb: 137, 114, 100;
$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);
}