Cor nomeada mais próxima · #543C1A
#543C1A
Cor nomeada mais próxima: Pineapple
#543C1A (rgb(84 60 26), hsl(35 53% 22%), oklch(0.375 0.059 73.7)) é mais próxima da cor nomeada Pineapple. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#543C1A
oklch(0.375 0.059 73.7)
Conversões de cor
- HEX
- #543c1a
- RGB
- rgb(84 60 26)
- HSL
- hsl(35 53% 22%)
- HWB
- hwb(35 10% 67%)
- OKLCH
- oklch(0.375 0.059 73.7)
- OKLab
- oklab(0.375 0.017 0.057)
- CIE Lab
- lab(27.5 7.87 24.87)
- LCH
- lch(27.5 26.09 72.4)
- CMYK
- cmyk(0% 29% 69% 67%)
Tons claros · Sombras · Tons
Tons claros
- 644D30
- 745F45
- 84725A
- 958570
- A69887
- B7AC9E
- C9C0B5
- DBD5CE
- EDEAE6
Sombras
- 483315
- 3C2A10
- 31210C
- 261907
- 1B1104
- 110A02
- 080401
- 020100
- 000000
Tons
- 584325
- 5D492F
- 615039
- 665743
- 6A5E4D
- 6F6457
- 736B61
- 77726C
- 7C7976
Harmonias de cor
Complementar +180°
- 543C1A
Pineapple
- 2A4360
≈ Black Turmeric
Análoga -30° +30°
- 543C1A
Pineapple
- 5B3626
≈ Terra Brun
- 47431A
≈ Alligator Gladiator
Tríade +120° +240°
- 543C1A
Pineapple
- 0C4B4A
≈ Swamp Mausoleum
- 4C3757
≈ Purple Plumeria
Complementar dividida +150° +210°
- 543C1A
Pineapple
- 154858
≈ Ethereal Dance
- 3D3D60
≈ Patriot Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.30:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 2.03:1 · APCA Lc 9
Melhor cor de texto: #FFFFFF
WCAG 10.30:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--pineapple: #543c1a;
--pineapple-rgb: 84 60 26;
--pineapple-oklch: oklch(0.375 0.059 73.7);
}
.element {
color: var(--pineapple);
background-color: hsl(35 53% 22%);
border-color: oklch(0.375 0.059 73.7);
}Tailwind CSS v4
@theme {
--color-pineapple: #543c1a;
--color-pineapple-50: #fff3e3;
--color-pineapple-100: #f4e6d3;
--color-pineapple-200: #e3d1b9;
--color-pineapple-300: #c9b496;
--color-pineapple-400: #b49a78;
--color-pineapple-500: #9e8059;
--color-pineapple-600: #866d4c;
--color-pineapple-700: #6b573d;
--color-pineapple-800: #4f3f2b;
--color-pineapple-900: #372b1d;
--color-pineapple-950: #22190d;
}SCSS
$pineapple: #543c1a;
$pineapple-rgb: 84, 60, 26;
$pineapple-light: mix(#fff, $pineapple, 20%);
$pineapple-dark: mix(#000, $pineapple, 20%);
.element {
color: $pineapple;
box-shadow: 0 0 0 2px rgba($pineapple, 0.35);
}