Nazwany kolor · #99DD33
Poisonous Potion
Poisonous Potion to #99DD33: rgb(153 221 51), hsl(84 71% 53%), oklch(0.822 0.203 129.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Poisonous Potion color name →
#99DD33
oklch(0.822 0.203 129.7)
Konwersje koloru
- HEX
- #99dd33
- RGB
- rgb(153 221 51)
- HSL
- hsl(84 71% 53%)
- HWB
- hwb(84 20% 13%)
- OKLCH
- oklch(0.822 0.203 129.7)
- OKLab
- oklab(0.822 -0.129 0.156)
- CIE Lab
- lab(81.36 -40 69.46)
- LCH
- lch(81.36 80.15 119.9)
- CMYK
- cmyk(31% 0% 77% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3E153
- ADE56C
- B8E981
- C2EC95
- CCF0A8
- D6F3BA
- E0F6CB
- EBF9DD
- F5FCEE
Odcienie ciemniejsze
- 84C02B
- 70A423
- 5D881C
- 4A6E14
- 38550D
- 273D07
- 172603
- 081101
- 010200
Tony
- 97D444
- 94CA51
- 92C15B
- 90B863
- 8DAF6A
- 8BA56F
- 889C74
- 859379
- 83897D
Harmonie kolorów
Komplementarna +180°
- 99DD33
Poisonous Potion
- DCAFFF
≈ Mauve
Analogowa -30° +30°
- 99DD33
Poisonous Potion
- E0C600
≈ Zhohltyi Yellow
- 00E899
≈ Mega Teal
Triada +120° +240°
- 99DD33
Poisonous Potion
- 96CAFF
≈ Apocyan
- FFA9B6
≈ A Brand New Day
Komplementarna rozszczepiona +150° +210°
- 99DD33
Poisonous Potion
- B8BFFF
≈ Dried Lilac
- FFA1E1
≈ Rose Daphne
Tetrada +90° +180° +270°
- 99DD33
Poisonous Potion
- 46D8FF
≈ Libra Blue Morpho
- DCAFFF
≈ Mauve
- FFAE92
≈ Peach Nectar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.74:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--poisonous-potion: #99dd33;
--poisonous-potion-rgb: 153 221 51;
--poisonous-potion-oklch: oklch(0.822 0.203 129.7);
}
.element {
color: var(--poisonous-potion);
background-color: hsl(84 71% 53%);
border-color: oklch(0.822 0.203 129.7);
}Tailwind CSS v4
@theme {
--color-poisonous-potion: #99dd33;
--color-poisonous-potion-50: #e0ffc6;
--color-poisonous-potion-100: #cff7b0;
--color-poisonous-potion-200: #b4e689;
--color-poisonous-potion-300: #90cc56;
--color-poisonous-potion-400: #76b400;
--color-poisonous-potion-500: #579d00;
--color-poisonous-potion-600: #4a8500;
--color-poisonous-potion-700: #3b6a00;
--color-poisonous-potion-800: #2e4e00;
--color-poisonous-potion-900: #1f3600;
--color-poisonous-potion-950: #0f2100;
}SCSS
$poisonous-potion: #99dd33;
$poisonous-potion-rgb: 153, 221, 51;
$poisonous-potion-light: mix(#fff, $poisonous-potion, 20%);
$poisonous-potion-dark: mix(#000, $poisonous-potion, 20%);
.element {
color: $poisonous-potion;
box-shadow: 0 0 0 2px rgba($poisonous-potion, 0.35);
}