Couleur nommée la plus proche · #428F00
#428F00
Couleur nommée la plus proche: Kelp Forest
#428F00 (rgb(66 143 0), hsl(92 100% 28%), oklch(0.578 0.173 136.4)) est la plus proche de la couleur nommée Kelp Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#428F00
oklch(0.578 0.173 136.4)
Conversions de couleur
- HEX
- #428f00
- RGB
- rgb(66 143 0)
- HSL
- hsl(92 100% 28%)
- HWB
- hwb(92 0% 44%)
- OKLCH
- oklch(0.578 0.173 136.4)
- OKLab
- oklab(0.578 -0.126 0.119)
- CIE Lab
- lab(52.84 -40.66 54.39)
- LCH
- lch(52.84 67.91 126.8)
- CMYK
- cmyk(54% 0% 100% 44%)
Teintes · Ombres · Tons
Teintes
- 569A30
- 69A64B
- 7CB163
- 8EBC7A
- A1C790
- B3D3A6
- C6DEBC
- D9E9D2
- ECF4E9
Ombres
- 387C00
- 2F6900
- 255700
- 1C4500
- 143400
- 0B2400
- 051500
- 010700
- 000100
Tons
- 4A8E21
- 518D32
- 588C3F
- 5F8A4A
- 658955
- 6B875E
- 708667
- 768470
- 7B8278
Harmonies de couleurs
Complémentaire +180°
- 428F00
Kelp Forest
- A152BD
≈ Royal Gramma Purple
Analogue -30° +30°
- 428F00
Kelp Forest
- 837D00
≈ Olive
- 008F6A
≈ Sea Swell
Triadique +120° +240°
- 428F00
Kelp Forest
- 2677DD
≈ Bright Navy Blue
- CB4155
≈ New Brick Red
Complémentaire divisée +150° +210°
- 428F00
Kelp Forest
- 7564D9
≈ Exodus Fruit
- BE458E
≈ Boat Orchid
Tétradique +90° +180° +270°
- 428F00
Kelp Forest
- 0086AC
≈ Lyrebird
- A152BD
≈ Royal Gramma Purple
- C35300
≈ Rust Orange
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.06:1 · APCA Lc 67
Ag
AASur noir
WCAG 5.16:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
CSS
:root {
--kelp-forest: #428f00;
--kelp-forest-rgb: 66 143 0;
--kelp-forest-oklch: oklch(0.578 0.173 136.4);
}
.element {
color: var(--kelp-forest);
background-color: hsl(92 100% 28%);
border-color: oklch(0.578 0.173 136.4);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #428f00;
--color-kelp-forest-50: #ddffd2;
--color-kelp-forest-100: #cbf6be;
--color-kelp-forest-200: #afe69e;
--color-kelp-forest-300: #89cc73;
--color-kelp-forest-400: #6bb544;
--color-kelp-forest-500: #479e00;
--color-kelp-forest-600: #3d8601;
--color-kelp-forest-700: #316b04;
--color-kelp-forest-800: #264e00;
--color-kelp-forest-900: #193700;
--color-kelp-forest-950: #0a2100;
}SCSS
$kelp-forest: #428f00;
$kelp-forest-rgb: 66, 143, 0;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}