Cor nomeada mais próxima · #5F3333
#5F3333
Cor nomeada mais próxima: Rampant Rhubarb
#5F3333 (rgb(95 51 51), hsl(0 30% 29%), oklch(0.377 0.064 20.5)) é mais próxima da cor nomeada Rampant Rhubarb. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#5F3333
oklch(0.377 0.064 20.5)
Conversões de cor
- HEX
- #5f3333
- RGB
- rgb(95 51 51)
- HSL
- hsl(0 30% 29%)
- HWB
- hwb(0 20% 63%)
- OKLCH
- oklch(0.377 0.064 20.5)
- OKLab
- oklab(0.377 0.06 0.022)
- CIE Lab
- lab(27.07 20.29 9.17)
- LCH
- lch(27.07 22.26 24.3)
- CMYK
- cmyk(0% 46% 46% 63%)
Tons claros · Sombras · Tons
Tons claros
- 6F4545
- 7E5857
- 8E6B6A
- 9E7F7E
- AE9493
- BEA8A7
- CEBDBD
- DED3D2
- EFE9E8
Sombras
- 522B2B
- 442323
- 381C1C
- 2C1414
- 200D0D
- 150707
- 0A0303
- 030101
- 000000
Tons
- 633B3A
- 674242
- 6A4A49
- 6E5151
- 715958
- 746160
- 776868
- 7A7070
- 7D7878
Harmonias de cor
Complementar +180°
- 5F3333
Rampant Rhubarb
- 014B4F
≈ Sherpa Blue
Análoga -30° +30°
- 5F3333
Rampant Rhubarb
- 5B3346
≈ Italian Plum
- 5C3721
≈ Kuro Brown
Tríade +120° +240°
- 5F3333
Rampant Rhubarb
- 2E4A29
≈ Nettle Green
- 2E4263
≈ Black Turmeric
Complementar dividida +150° +210°
- 5F3333
Rampant Rhubarb
- 154C3D
≈ Brunswick Green
- 15475D
≈ Swallow Blue
Tétrade +90° +180° +270°
- 5F3333
Rampant Rhubarb
- 434419
≈ Alligator Gladiator
- 014B4F
≈ Sherpa Blue
- 413B61
≈ Storm Is Coming
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.45:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 2.00:1 · APCA Lc 9
Melhor cor de texto: #FFFFFF
WCAG 10.45:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--rampant-rhubarb: #5f3333;
--rampant-rhubarb-rgb: 95 51 51;
--rampant-rhubarb-oklch: oklch(0.377 0.064 20.5);
}
.element {
color: var(--rampant-rhubarb);
background-color: hsl(0 30% 29%);
border-color: oklch(0.377 0.064 20.5);
}Tailwind CSS v4
@theme {
--color-rampant-rhubarb: #5f3333;
--color-rampant-rhubarb-50: #ffefed;
--color-rampant-rhubarb-100: #fde0de;
--color-rampant-rhubarb-200: #efcac8;
--color-rampant-rhubarb-300: #d6aba8;
--color-rampant-rhubarb-400: #c1908f;
--color-rampant-rhubarb-500: #ad7574;
--color-rampant-rhubarb-600: #926363;
--color-rampant-rhubarb-700: #754f4f;
--color-rampant-rhubarb-800: #56393a;
--color-rampant-rhubarb-900: #3c2728;
--color-rampant-rhubarb-950: #261516;
}SCSS
$rampant-rhubarb: #5f3333;
$rampant-rhubarb-rgb: 95, 51, 51;
$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);
}