Couleur nommée la plus proche · #C0CA96
#C0CA96
Couleur nommée la plus proche: Seedling
#C0CA96 (rgb(192 202 150), hsl(72 33% 69%), oklch(0.818 0.07 116.8)) est la plus proche de la couleur nommée Seedling. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C0CA96
oklch(0.818 0.07 116.8)
Conversions de couleur
- HEX
- #c0ca96
- RGB
- rgb(192 202 150)
- HSL
- hsl(72 33% 69%)
- HWB
- hwb(72 59% 21%)
- OKLCH
- oklch(0.818 0.07 116.8)
- OKLab
- oklab(0.818 -0.032 0.063)
- CIE Lab
- lab(79.57 -9.98 24.86)
- LCH
- lch(79.57 26.79 111.9)
- CMYK
- cmyk(5% 0% 26% 21%)
Teintes · Ombres · Tons
Teintes
- C6CFA1
- CCD5AB
- D2DAB5
- D9DFC0
- DFE4CA
- E5EAD5
- ECEFDF
- F2F4EA
- F9FAF4
Ombres
- A7AF82
- 8E956E
- 767C5B
- 5F6449
- 494D37
- 343726
- 202216
- 0E0F08
- 020201
Tons
- B9C294
- B3BB92
- ACB390
- A6AC8E
- 9FA48C
- 999D8A
- 939687
- 8C8E85
- 868782
Harmonies de couleurs
Complémentaire +180°
- C0CA96
Seedling
- C8BBEC
≈ Connecticut Lilac
Analogue -30° +30°
- C0CA96
Seedling
- D7C18F
≈ Monument Green
- A6D0A9
≈ Mint Circle
Triadique +120° +240°
- C0CA96
Seedling
- 98CBEC
≈ Fail Whale
- EAB1C4
≈ Fallen Blossoms
Complémentaire divisée +150° +210°
- C0CA96
Seedling
- AFC3F2
≈ Larkspur Bud
- DDB4DC
≈ French Lilac
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.73:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.12:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--seedling: #c0ca96;
--seedling-rgb: 192 202 150;
--seedling-oklch: oklch(0.818 0.07 116.8);
}
.element {
color: var(--seedling);
background-color: hsl(72 33% 69%);
border-color: oklch(0.818 0.07 116.8);
}Tailwind CSS v4
@theme {
--color-seedling: #c0ca96;
--color-seedling-50: #f3f8e2;
--color-seedling-100: #e5ecd2;
--color-seedling-200: #d1d9b8;
--color-seedling-300: #b3bd95;
--color-seedling-400: #9ba474;
--color-seedling-500: #838c55;
--color-seedling-600: #6f7749;
--color-seedling-700: #585f3a;
--color-seedling-800: #414528;
--color-seedling-900: #2d301b;
--color-seedling-950: #1a1c0b;
}SCSS
$seedling: #c0ca96;
$seedling-rgb: 192, 202, 150;
$seedling-light: mix(#fff, $seedling, 20%);
$seedling-dark: mix(#000, $seedling, 20%);
.element {
color: $seedling;
box-shadow: 0 0 0 2px rgba($seedling, 0.35);
}