Najbliższy nazwany kolor · #90C08D
#90C08D
Najbliższy nazwany kolor: Verde
#90C08D (rgb(144 192 141), hsl(116 29% 65%), oklch(0.76 0.088 143.2)) jest najbliższy nazwanemu kolorowi Verde. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#90C08D
oklch(0.76 0.088 143.2)
Konwersje koloru
- HEX
- #90c08d
- RGB
- rgb(144 192 141)
- HSL
- hsl(116 29% 65%)
- HWB
- hwb(116 55% 25%)
- OKLCH
- oklch(0.76 0.088 143.2)
- OKLab
- oklab(0.76 -0.07 0.053)
- CIE Lab
- lab(73.29 -23.93 20.47)
- LCH
- lch(73.29 31.5 139.5)
- CMYK
- cmyk(25% 0% 27% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BC698
- A6CDA3
- B1D3AF
- BCD9BA
- C7E0C5
- D2E6D1
- DDECDC
- E9F2E8
- F4F9F3
Odcienie ciemniejsze
- 7DA77A
- 6A8E67
- 577655
- 455F44
- 344933
- 243423
- 152014
- 070E07
- 010201
Tony
- 8FB98C
- 8DB38B
- 8CAD8A
- 8AA688
- 89A087
- 879986
- 869384
- 848D83
- 828682
Harmonie kolorów
Komplementarna +180°
- 90C08D
Verde
- CD9FD2
≈ Velvet Horizon
Analogowa -30° +30°
- 90C08D
Verde
- B1B876
≈ Green Curry
- 72C4AC
≈ Miami Teal
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.11:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--verde: #90c08d;
--verde-rgb: 144 192 141;
--verde-oklch: oklch(0.76 0.088 143.2);
}
.element {
color: var(--verde);
background-color: hsl(116 29% 65%);
border-color: oklch(0.76 0.088 143.2);
}Tailwind CSS v4
@theme {
--color-verde: #90c08d;
--color-verde-50: #e6fce6;
--color-verde-100: #d6f0d6;
--color-verde-200: #bedfbe;
--color-verde-300: #9cc49c;
--color-verde-400: #7fac7d;
--color-verde-500: #62955f;
--color-verde-600: #537e51;
--color-verde-700: #426541;
--color-verde-800: #314a2d;
--color-verde-900: #21331e;
--color-verde-950: #101f0e;
}SCSS
$verde: #90c08d;
$verde-rgb: 144, 192, 141;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}