Najbliższy nazwany kolor · #5B3335
#5B3335
Najbliższy nazwany kolor: Rampant Rhubarb
#5B3335 (rgb(91 51 53), hsl(357 28% 28%), oklch(0.372 0.058 17)) jest najbliższy nazwanemu kolorowi Rampant Rhubarb. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#5B3335
oklch(0.372 0.058 17)
Konwersje koloru
- HEX
- #5b3335
- RGB
- rgb(91 51 53)
- HSL
- hsl(357 28% 28%)
- HWB
- hwb(357 20% 64%)
- OKLCH
- oklch(0.372 0.058 17)
- OKLab
- oklab(0.372 0.055 0.017)
- CIE Lab
- lab(26.5 18.7 6.94)
- LCH
- lch(26.5 19.95 20.4)
- CMYK
- cmyk(0% 44% 42% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6B4547
- 7B5859
- 8B6B6C
- 9B7F7F
- AB9394
- BCA8A8
- CCBDBD
- DDD3D3
- EEE9E9
Odcienie ciemniejsze
- 4E2B2D
- 412325
- 351C1D
- 291415
- 1E0D0E
- 130708
- 090303
- 030101
- 000000
Tony
- 5F3B3C
- 634243
- 674A4A
- 6B5152
- 6F5959
- 726161
- 766868
- 797070
- 7D7878
Harmonie kolorów
Komplementarna +180°
- 5B3335
Rampant Rhubarb
- 0D494B
≈ Incubi Darkness
Analogowa -30° +30°
- 5B3335
Rampant Rhubarb
- 573346
≈ Blackberry Tart
- 593625
≈ Kuro Brown
Triada +120° +240°
- 5B3335
Rampant Rhubarb
- 314728
≈ Palm Leaf
- 2C415F
≈ Black Turmeric
Komplementarna rozszczepiona +150° +210°
- 5B3335
Rampant Rhubarb
- 1C4A3A
≈ County Green
- 184658
≈ Blue Syzygy
Tetrada +90° +180° +270°
- 5B3335
Rampant Rhubarb
- 44421B
≈ Alligator Gladiator
- 0D494B
≈ Incubi Darkness
- 3E3B5D
≈ Patriot Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.66:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.96:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.66:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--rampant-rhubarb: #5b3335;
--rampant-rhubarb-rgb: 91 51 53;
--rampant-rhubarb-oklch: oklch(0.372 0.058 17);
}
.element {
color: var(--rampant-rhubarb);
background-color: hsl(357 28% 28%);
border-color: oklch(0.372 0.058 17);
}Tailwind CSS v4
@theme {
--color-rampant-rhubarb: #5b3335;
--color-rampant-rhubarb-50: #ffefef;
--color-rampant-rhubarb-100: #fbe1e0;
--color-rampant-rhubarb-200: #eccbca;
--color-rampant-rhubarb-300: #d4acac;
--color-rampant-rhubarb-400: #be9192;
--color-rampant-rhubarb-500: #a97778;
--color-rampant-rhubarb-600: #8f6566;
--color-rampant-rhubarb-700: #735051;
--color-rampant-rhubarb-800: #553a3c;
--color-rampant-rhubarb-900: #3b2829;
--color-rampant-rhubarb-950: #251617;
}SCSS
$rampant-rhubarb: #5b3335;
$rampant-rhubarb-rgb: 91, 51, 53;
$rampant-rhubarb-light: mix(#fff, $rampant-rhubarb, 20%);
$rampant-rhubarb-dark: mix(#000, $rampant-rhubarb, 20%);
.element {
color: $rampant-rhubarb;
box-shadow: 0 0 0 2px rgba($rampant-rhubarb, 0.35);
}