Cor nomeada mais próxima · #458F54
#458F54
Cor nomeada mais próxima: Underclover
#458F54 (rgb(69 143 84), hsl(132 35% 42%), oklch(0.587 0.116 148.5)) é mais próxima da cor nomeada Underclover. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#458F54
oklch(0.587 0.116 148.5)
Conversões de cor
- HEX
- #458f54
- RGB
- rgb(69 143 84)
- HSL
- hsl(132 35% 42%)
- HWB
- hwb(132 27% 44%)
- OKLCH
- oklch(0.587 0.116 148.5)
- OKLab
- oklab(0.587 -0.099 0.061)
- CIE Lab
- lab(53.55 -34.25 24.07)
- LCH
- lch(53.55 41.86 144.9)
- CMYK
- cmyk(52% 0% 41% 44%)
Tons claros · Sombras · Tons
Tons claros
- 599A64
- 6CA575
- 7EB086
- 91BB96
- A3C7A7
- B5D2B8
- C7DDCA
- DAE8DB
- ECF4ED
Sombras
- 3B7C48
- 31693C
- 275731
- 1E4526
- 15341B
- 0C2411
- 051508
- 020702
- 000100
Tons
- 4D8E59
- 548C5E
- 5B8B62
- 618A67
- 67886B
- 6C876F
- 718574
- 768378
- 7B827C
Harmonias de cor
Complementar +180°
- 458F54
Underclover
- A1629F
≈ Royal Pretender
Análoga -30° +30°
- 458F54
Underclover
- 76852A
≈ Trendy Green
- 00917D
≈ Miami Jade
Tríade +120° +240°
- 458F54
Underclover
- 5F78C1
≈ Flood
- B75F54
≈ Electric Brown
Complementar dividida +150° +210°
- 458F54
Underclover
- 866CB8
≈ Lavish Spending
- B25D7B
≈ Kir Royale Rose
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.95:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.31:1 · APCA Lc 35
Melhor cor de texto: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Trechos de código
CSS
:root {
--underclover: #458f54;
--underclover-rgb: 69 143 84;
--underclover-oklch: oklch(0.587 0.116 148.5);
}
.element {
color: var(--underclover);
background-color: hsl(132 35% 42%);
border-color: oklch(0.587 0.116 148.5);
}Tailwind CSS v4
@theme {
--color-underclover: #458f54;
--color-underclover-50: #deffe4;
--color-underclover-100: #cdf4d4;
--color-underclover-200: #b1e3bb;
--color-underclover-300: #8bc998;
--color-underclover-400: #6bb177;
--color-underclover-500: #479b59;
--color-underclover-600: #3d834c;
--color-underclover-700: #31693c;
--color-underclover-800: #244d29;
--color-underclover-900: #18351c;
--color-underclover-950: #09210c;
}SCSS
$underclover: #458f54;
$underclover-rgb: 69, 143, 84;
$underclover-light: mix(#fff, $underclover, 20%);
$underclover-dark: mix(#000, $underclover, 20%);
.element {
color: $underclover;
box-shadow: 0 0 0 2px rgba($underclover, 0.35);
}