Najbliższy nazwany kolor · #897264
#897264
Najbliższy nazwany kolor: Caribou
#897264 (rgb(137 114 100), hsl(23 16% 46%), oklch(0.57 0.036 53.1)) jest najbliższy nazwanemu kolorowi Caribou. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#897264
oklch(0.57 0.036 53.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 947F72
- A08D81
- AB9A90
- B7A89F
- C3B6AF
- CFC4BE
- DBD3CE
- E7E1DE
- F3F0EE
Odcienie ciemniejsze
- 766256
- 645348
- 53443B
- 42362E
- 312822
- 221B16
- 140E0B
- 070403
- 010100
Tony
- 887367
- 87756A
- 87766C
- 86786F
- 857972
- 847B75
- 837C78
- 827D7A
- 817F7D
Harmonie kolorów
Komplementarna +180°
- 897264
Caribou
- 637B89
≈ Passageway
Analogowa -30° +30°
- 897264
Caribou
- 8C6F6D
≈ Touch of Class
- 827660
≈ Stonewall
Triada +120° +240°
- 897264
Caribou
- 627F75
≈ Penzance
- 78748B
≈ Plum Shade
Komplementarna rozszczepiona +150° +210°
- 897264
Caribou
- 5F7E81
≈ Refuge
- 6C788D
≈ Causeway
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.65:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
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);
}