Couleur nommée la plus proche · #249F27
#249F27
Couleur nommée la plus proche: Pestering Pesto
#249F27 (rgb(36 159 39), hsl(121 63% 38%), oklch(0.614 0.188 143.1)) est la plus proche de la couleur nommée Pestering Pesto. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#249F27
oklch(0.614 0.188 143.1)
Conversions de couleur
- HEX
- #249f27
- RGB
- rgb(36 159 39)
- HSL
- hsl(121 63% 38%)
- HWB
- hwb(121 14% 38%)
- OKLCH
- oklch(0.614 0.188 143.1)
- OKLab
- oklab(0.614 -0.15 0.113)
- CIE Lab
- lab(57.43 -51.18 48.91)
- LCH
- lch(57.43 70.79 136.3)
- CMYK
- cmyk(77% 0% 75% 38%)
Teintes · Ombres · Tons
Teintes
- 44A943
- 5DB35A
- 73BD6F
- 88C784
- 9CD099
- B0DAAD
- C4E3C1
- D8ECD6
- EBF6EA
Ombres
- 1E8A20
- 18751A
- 126114
- 0C4D0E
- 073B08
- 042904
- 021802
- 000901
- 000100
Tons
- 369C36
- 439A41
- 4E974B
- 579454
- 5F915D
- 678E64
- 6E8B6C
- 748773
- 7A8479
Harmonies de couleurs
Complémentaire +180°
- 249F27
Pestering Pesto
- B855C4
≈ Love Priestess
Analogue -30° +30°
- 249F27
Pestering Pesto
- 868C00
≈ Krypton Green
- 009B7E
≈ Paolo Veronese Green
Triadique +120° +240°
- 249F27
Pestering Pesto
- 457DF4
≈ Dodger Blue
- DF474B
≈ Re-Entry
Complémentaire divisée +150° +210°
- 249F27
Pestering Pesto
- 8C67E9
≈ Medium Slate Blue
- D4478E
≈ Kirby
Tétradique +90° +180° +270°
- 249F27
Pestering Pesto
- 0090C4
≈ Parrotfish Blue
- B855C4
≈ Love Priestess
- CA6400
≈ Curry Powder
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.46:1 · APCA Lc 62
Ag
AASur noir
WCAG 6.06:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--pestering-pesto: #249f27;
--pestering-pesto-rgb: 36 159 39;
--pestering-pesto-oklch: oklch(0.614 0.188 143.1);
}
.element {
color: var(--pestering-pesto);
background-color: hsl(121 63% 38%);
border-color: oklch(0.614 0.188 143.1);
}Tailwind CSS v4
@theme {
--color-pestering-pesto: #249f27;
--color-pestering-pesto-50: #d4ffd5;
--color-pestering-pesto-100: #c1f9c2;
--color-pestering-pesto-200: #a0eaa2;
--color-pestering-pesto-300: #74d079;
--color-pestering-pesto-400: #4eb94c;
--color-pestering-pesto-500: #00a312;
--color-pestering-pesto-600: #0d8a15;
--color-pestering-pesto-700: #0c6e11;
--color-pestering-pesto-800: #105103;
--color-pestering-pesto-900: #0a3803;
--color-pestering-pesto-950: #002300;
}SCSS
$pestering-pesto: #249f27;
$pestering-pesto-rgb: 36, 159, 39;
$pestering-pesto-light: mix(#fff, $pestering-pesto, 20%);
$pestering-pesto-dark: mix(#000, $pestering-pesto, 20%);
.element {
color: $pestering-pesto;
box-shadow: 0 0 0 2px rgba($pestering-pesto, 0.35);
}