Couleur nommée la plus proche · #527550
#527550
Couleur nommée la plus proche: Irish Clover
#527550 (rgb(82 117 80), hsl(117 19% 39%), oklch(0.525 0.07 143.2)) est la plus proche de la couleur nommée Irish Clover. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#527550
oklch(0.525 0.07 143.2)
Conversions de couleur
- HEX
- #527550
- RGB
- rgb(82 117 80)
- HSL
- hsl(117 19% 39%)
- HWB
- hwb(117 31% 54%)
- OKLCH
- oklch(0.525 0.07 143.2)
- OKLab
- oklab(0.525 -0.056 0.042)
- CIE Lab
- lab(45.79 -18.97 16.32)
- LCH
- lch(45.79 25.03 139.3)
- CMYK
- cmyk(30% 0% 32% 54%)
Teintes · Ombres · Tons
Teintes
- 628260
- 738F71
- 839D81
- 94AA93
- A5B8A4
- B7C6B6
- C9D4C8
- DAE2DA
- EDF1EC
Ombres
- 466544
- 3B5539
- 2F462E
- 253724
- 1A291A
- 111C10
- 080F07
- 020502
- 000100
Tons
- 577655
- 5C775A
- 60795F
- 657A63
- 6A7B68
- 6E7C6D
- 737D72
- 777E77
- 7C7F7B
Harmonies de couleurs
Complémentaire +180°
- 527550
Irish Clover
- 7E5D82
≈ Trendy Pink
Analogue -30° +30°
- 527550
Irish Clover
- 6A6F3E
≈ Jungle Trail
- 3A7867
≈ Green Moray
Triadique +120° +240°
- 527550
Irish Clover
- 556A93
≈ UCLA Blue
- 8E5A57
≈ Barn Door
Complémentaire divisée +150° +210°
- 527550
Irish Clover
- 6C638F
≈ Twilight Purple
- 8A596E
≈ Majestic Orchid
Tétradique +90° +180° +270°
- 527550
Irish Clover
- 3E718C
≈ Downpour
- 7E5D82
≈ Trendy Pink
- 8A5F44
≈ Chasm
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.22:1 · APCA Lc 76
Ag
FailSur noir
WCAG 4.01:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--irish-clover: #527550;
--irish-clover-rgb: 82 117 80;
--irish-clover-oklch: oklch(0.525 0.07 143.2);
}
.element {
color: var(--irish-clover);
background-color: hsl(117 19% 39%);
border-color: oklch(0.525 0.07 143.2);
}Tailwind CSS v4
@theme {
--color-irish-clover: #527550;
--color-irish-clover-50: #e9fbe9;
--color-irish-clover-100: #daefda;
--color-irish-clover-200: #c2ddc2;
--color-irish-clover-300: #a2c1a2;
--color-irish-clover-400: #86aa84;
--color-irish-clover-500: #6a9268;
--color-irish-clover-600: #5a7c58;
--color-irish-clover-700: #486346;
--color-irish-clover-800: #354932;
--color-irish-clover-900: #243222;
--color-irish-clover-950: #131e11;
}SCSS
$irish-clover: #527550;
$irish-clover-rgb: 82, 117, 80;
$irish-clover-light: mix(#fff, $irish-clover, 20%);
$irish-clover-dark: mix(#000, $irish-clover, 20%);
.element {
color: $irish-clover;
box-shadow: 0 0 0 2px rgba($irish-clover, 0.35);
}