Najbliższy nazwany kolor · #5A3039
#5A3039
Najbliższy nazwany kolor: Chocolate Truffle
#5A3039 (rgb(90 48 57), hsl(347 30% 27%), oklch(0.366 0.062 6.8)) jest najbliższy nazwanemu kolorowi Chocolate Truffle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#5A3039
oklch(0.366 0.062 6.8)
Konwersje koloru
- HEX
- #5a3039
- RGB
- rgb(90 48 57)
- HSL
- hsl(347 30% 27%)
- HWB
- hwb(347 19% 65%)
- OKLCH
- oklch(0.366 0.062 6.8)
- OKLab
- oklab(0.366 0.062 0.007)
- CIE Lab
- lab(25.69 20.42 3.13)
- LCH
- lch(25.69 20.66 8.7)
- CMYK
- cmyk(0% 47% 37% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6A434A
- 7A565C
- 8A696F
- 9B7D82
- AB9296
- BCA7AA
- CCBCBF
- DDD2D4
- EEE8E9
Odcienie ciemniejsze
- 4D2830
- 412128
- 351A1F
- 291317
- 1E0C10
- 130609
- 090304
- 030101
- 000000
Tony
- 5E3840
- 634046
- 67484D
- 6B4F54
- 6E575B
- 725F62
- 76676A
- 797071
- 7D7878
Harmonie kolorów
Komplementarna +180°
- 5A3039
Chocolate Truffle
- 054944
≈ Tropical Forest
Analogowa -30° +30°
- 5A3039
Chocolate Truffle
- 53314B
≈ Grimace
- 5A3227
≈ Redwood
Triada +120° +240°
- 5A3039
Chocolate Truffle
- 36451F
≈ Ceylanite
- 21415D
≈ Sir Edmund
Komplementarna rozszczepiona +150° +210°
- 5A3039
Chocolate Truffle
- 1F4831
≈ County Green
- 074654
≈ Crab Nebula
Tetrada +90° +180° +270°
- 5A3039
Chocolate Truffle
- 483E13
≈ Xanthophobia
- 054944
≈ Tropical Forest
- 363B5F
≈ Magic Night
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.95:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.91:1 · APCA Lc 7
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.95:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocolate-truffle: #5a3039;
--chocolate-truffle-rgb: 90 48 57;
--chocolate-truffle-oklch: oklch(0.366 0.062 6.8);
}
.element {
color: var(--chocolate-truffle);
background-color: hsl(347 30% 27%);
border-color: oklch(0.366 0.062 6.8);
}Tailwind CSS v4
@theme {
--color-chocolate-truffle: #5a3039;
--color-chocolate-truffle-50: #ffeef1;
--color-chocolate-truffle-100: #fce0e3;
--color-chocolate-truffle-200: #edcacf;
--color-chocolate-truffle-300: #d5abb1;
--color-chocolate-truffle-400: #bf9098;
--color-chocolate-truffle-500: #aa757f;
--color-chocolate-truffle-600: #90636c;
--color-chocolate-truffle-700: #734f56;
--color-chocolate-truffle-800: #55393f;
--color-chocolate-truffle-900: #3b272c;
--color-chocolate-truffle-950: #251519;
}SCSS
$chocolate-truffle: #5a3039;
$chocolate-truffle-rgb: 90, 48, 57;
$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);
}