Couleur nommée la plus proche · #458F54
#458F54
Couleur nommée la plus proche: Underclover
#458F54 (rgb(69 143 84), hsl(132 35% 42%), oklch(0.587 0.116 148.5)) est la plus proche de la couleur nommée Underclover. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#458F54
oklch(0.587 0.116 148.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 599A64
- 6CA575
- 7EB086
- 91BB96
- A3C7A7
- B5D2B8
- C7DDCA
- DAE8DB
- ECF4ED
Ombres
- 3B7C48
- 31693C
- 275731
- 1E4526
- 15341B
- 0C2411
- 051508
- 020702
- 000100
Tons
- 4D8E59
- 548C5E
- 5B8B62
- 618A67
- 67886B
- 6C876F
- 718574
- 768378
- 7B827C
Harmonies de couleurs
Complémentaire +180°
- 458F54
Underclover
- A1629F
≈ Royal Pretender
Analogue -30° +30°
- 458F54
Underclover
- 76852A
≈ Trendy Green
- 00917D
≈ Miami Jade
Triadique +120° +240°
- 458F54
Underclover
- 5F78C1
≈ Flood
- B75F54
≈ Electric Brown
Complémentaire divisée +150° +210°
- 458F54
Underclover
- 866CB8
≈ Lavish Spending
- B25D7B
≈ Kir Royale Rose
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.95:1 · APCA Lc 67
Ag
AASur noir
WCAG 5.31:1 · APCA Lc 35
Meilleure couleur de texte: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Extraits de code
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);
}