Najbliższy nazwany kolor · #897169
#897169
Najbliższy nazwany kolor: Caribou
#897169 (rgb(137 113 105), hsl(15 13% 47%), oklch(0.569 0.033 39.3)) jest najbliższy nazwanemu kolorowi Caribou. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#897169
oklch(0.569 0.033 39.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 947E77
- A08C85
- AB9994
- B7A7A2
- C3B6B1
- CFC4C0
- DBD2D0
- E7E1DF
- F3F0EF
Odcienie ciemniejsze
- 76615A
- 64524C
- 53433E
- 423531
- 312724
- 221A18
- 140E0C
- 070404
- 010100
Tony
- 88736B
- 87746E
- 877670
- 867772
- 857975
- 847A77
- 837C79
- 827D7B
- 817F7E
Harmonie kolorów
Komplementarna +180°
- 897169
Caribou
- 627C84
≈ Refuge
Analogowa -30° +30°
- 897169
Caribou
- 897073
≈ Sandstone Red Grey
- 847463
≈ Sandy Shoes
Triada +120° +240°
- 897169
Caribou
- 677D70
≈ Cypress Garden
- 73768B
≈ Fantasia
Komplementarna rozszczepiona +150° +210°
- 897169
Caribou
- 617E7B
≈ Teal Stencil
- 69798A
≈ Menacing Clouds
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.62:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
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);
}