Nazwany kolor · #99DD22
Green Serum
Green Serum to #99DD22: rgb(153 221 34), hsl(82 73% 50%), oklch(0.821 0.21 129.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Serum color name →
#99DD22
oklch(0.821 0.21 129.1)
Konwersje koloru
- HEX
- #99dd22
- RGB
- rgb(153 221 34)
- HSL
- hsl(82 73% 50%)
- HWB
- hwb(82 13% 13%)
- OKLCH
- oklch(0.821 0.21 129.1)
- OKLab
- oklab(0.821 -0.132 0.163)
- CIE Lab
- lab(81.3 -40.49 73.62)
- LCH
- lch(81.3 84.02 118.8)
- CMYK
- cmyk(31% 0% 85% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3E14B
- ADE566
- B8E97D
- C2EC91
- CCF0A5
- D6F3B8
- E0F6CA
- EAF9DC
- F5FCED
Odcienie ciemniejsze
- 84C01C
- 70A416
- 5D8811
- 4A6E0B
- 385507
- 273D03
- 172601
- 081100
- 010200
Tony
- 97D43A
- 94CA4A
- 92C156
- 90B85F
- 8DAF67
- 8BA56D
- 889C73
- 859378
- 83897C
Harmonie kolorów
Komplementarna +180°
- 99DD22
Green Serum
- DBAFFF
≈ Mauve
Analogowa -30° +30°
- 99DD22
Green Serum
- E0C500
≈ Zhohltyi Yellow
- 00E897
≈ Mega Teal
Triada +120° +240°
- 99DD22
Green Serum
- 95CAFF
≈ Apocyan
- FFA8B6
≈ A Brand New Day
Komplementarna rozszczepiona +150° +210°
- 99DD22
Green Serum
- B8BFFF
≈ Dried Lilac
- FFA0E2
≈ Rose Daphne
Tetrada +90° +180° +270°
- 99DD22
Green Serum
- 40D8FF
≈ Libra Blue Morpho
- DBAFFF
≈ Mauve
- FFAD92
≈ Peach Nectar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.72:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-serum: #99dd22;
--green-serum-rgb: 153 221 34;
--green-serum-oklch: oklch(0.821 0.21 129.1);
}
.element {
color: var(--green-serum);
background-color: hsl(82 73% 50%);
border-color: oklch(0.821 0.21 129.1);
}Tailwind CSS v4
@theme {
--color-green-serum: #99dd22;
--color-green-serum-50: #e0ffc3;
--color-green-serum-100: #cff7ad;
--color-green-serum-200: #b4e786;
--color-green-serum-300: #90cc50;
--color-green-serum-400: #76b400;
--color-green-serum-500: #589d00;
--color-green-serum-600: #4b8500;
--color-green-serum-700: #3b6a00;
--color-green-serum-800: #2e4e00;
--color-green-serum-900: #1f3600;
--color-green-serum-950: #0f2100;
}SCSS
$green-serum: #99dd22;
$green-serum-rgb: 153, 221, 34;
$green-serum-light: mix(#fff, $green-serum, 20%);
$green-serum-dark: mix(#000, $green-serum, 20%);
.element {
color: $green-serum;
box-shadow: 0 0 0 2px rgba($green-serum, 0.35);
}