Najbliższy nazwany kolor · #592F37
#592F37
Najbliższy nazwany kolor: Chocolate Truffle
#592F37 (rgb(89 47 55), hsl(349 31% 27%), oklch(0.362 0.062 8.4)) jest najbliższy nazwanemu kolorowi Chocolate Truffle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#592F37
oklch(0.362 0.062 8.4)
Konwersje koloru
- HEX
- #592f37
- RGB
- rgb(89 47 55)
- HSL
- hsl(349 31% 27%)
- HWB
- hwb(349 18% 65%)
- OKLCH
- oklch(0.362 0.062 8.4)
- OKLab
- oklab(0.362 0.061 0.009)
- CIE Lab
- lab(25.24 20.36 3.8)
- LCH
- lch(25.24 20.72 10.6)
- CMYK
- cmyk(0% 47% 38% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 694248
- 79555B
- 8A686D
- 9A7C81
- AB9195
- BBA6A9
- CCBCBE
- DDD2D3
- EEE8E9
Odcienie ciemniejsze
- 4C272E
- 402026
- 34191E
- 281216
- 1D0C0F
- 130608
- 090303
- 030101
- 000000
Tony
- 5D373E
- 623F45
- 66474C
- 6A4F53
- 6E575A
- 725F62
- 766769
- 796F71
- 7D7878
Harmonie kolorów
Komplementarna +180°
- 592F37
Chocolate Truffle
- 024844
≈ Tropical Forest
Analogowa -30° +30°
- 592F37
Chocolate Truffle
- 533049
≈ Grimace
- 593125
≈ Wild Boar
Triada +120° +240°
- 592F37
Chocolate Truffle
- 34441F
≈ Ceylanite
- 21405D
≈ Sir Edmund
Komplementarna rozszczepiona +150° +210°
- 592F37
Chocolate Truffle
- 1C4731
≈ Zucchini
- 074553
≈ Crab Nebula
Tetrada +90° +180° +270°
- 592F37
Chocolate Truffle
- 463E12
≈ Xanthophobia
- 024844
≈ Tropical Forest
- 363A5E
≈ Magic Night
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.13:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.88:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.13:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocolate-truffle: #592f37;
--chocolate-truffle-rgb: 89 47 55;
--chocolate-truffle-oklch: oklch(0.362 0.062 8.4);
}
.element {
color: var(--chocolate-truffle);
background-color: hsl(349 31% 27%);
border-color: oklch(0.362 0.062 8.4);
}Tailwind CSS v4
@theme {
--color-chocolate-truffle: #592f37;
--color-chocolate-truffle-50: #ffeef1;
--color-chocolate-truffle-100: #fce0e3;
--color-chocolate-truffle-200: #edcace;
--color-chocolate-truffle-300: #d5abb0;
--color-chocolate-truffle-400: #c09097;
--color-chocolate-truffle-500: #ab757e;
--color-chocolate-truffle-600: #90636b;
--color-chocolate-truffle-700: #744f55;
--color-chocolate-truffle-800: #55393f;
--color-chocolate-truffle-900: #3c272b;
--color-chocolate-truffle-950: #251519;
}SCSS
$chocolate-truffle: #592f37;
$chocolate-truffle-rgb: 89, 47, 55;
$chocolate-truffle-light: mix(#fff, $chocolate-truffle, 20%);
$chocolate-truffle-dark: mix(#000, $chocolate-truffle, 20%);
.element {
color: $chocolate-truffle;
box-shadow: 0 0 0 2px rgba($chocolate-truffle, 0.35);
}