Nazwany kolor · #55EE00
Furious Frog
Furious Frog to #55EE00: rgb(85 238 0), hsl(99 100% 47%), oklch(0.834 0.265 139.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Furious Frog color name →
#55EE00
oklch(0.834 0.265 139.3)
Konwersje koloru
- HEX
- #55ee00
- RGB
- rgb(85 238 0)
- HSL
- hsl(99 100% 47%)
- HWB
- hwb(99 0% 7%)
- OKLCH
- oklch(0.834 0.265 139.3)
- OKLab
- oklab(0.834 -0.201 0.172)
- CIE Lab
- lab(83.61 -66.37 78.25)
- LCH
- lch(83.61 102.61 130.3)
- CMYK
- cmyk(64% 0% 100% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6DF143
- 82F361
- 94F57A
- A5F78F
- B5F9A3
- C5FBB7
- D4FCC9
- E2FDDB
- F1FEED
Odcienie ciemniejsze
- 49CF00
- 3DB100
- 319300
- 267700
- 1C5C00
- 114200
- 082A00
- 021400
- 000300
Tony
- 5FE330
- 67D844
- 6DCD52
- 72C25C
- 76B765
- 79AC6C
- 7CA172
- 7E9678
- 7F8B7C
Harmonie kolorów
Komplementarna +180°
- 55EE00
Furious Frog
- EEACFF
≈ Pink Sugar
Analogowa -30° +30°
- 55EE00
Furious Frog
- D2D100
≈ Sun Flooded Woods
- 00EAB6
≈ Overchlorinated Pool
Triada +120° +240°
- 55EE00
Furious Frog
- A9CAFF
≈ Night Snow
- FFB1B1
≈ Fancy Flamingo
Komplementarna rozszczepiona +150° +210°
- 55EE00
Furious Frog
- C6C0FF
≈ Lavender Tonic
- FFABD4
≈ Spaghetti Strap Pink
Tetrada +90° +180° +270°
- 55EE00
Furious Frog
- 7BD6FF
≈ Sky
- EEACFF
≈ Pink Sugar
- FFB58D
≈ Coral Dusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.61:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.61:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--furious-frog: #55ee00;
--furious-frog-rgb: 85 238 0;
--furious-frog-oklch: oklch(0.834 0.265 139.3);
}
.element {
color: var(--furious-frog);
background-color: hsl(99 100% 47%);
border-color: oklch(0.834 0.265 139.3);
}Tailwind CSS v4
@theme {
--color-furious-frog: #55ee00;
--color-furious-frog-50: #cbffc2;
--color-furious-frog-100: #b6feab;
--color-furious-frog-200: #90f082;
--color-furious-frog-300: #5bd749;
--color-furious-frog-400: #25c000;
--color-furious-frog-500: #00a900;
--color-furious-frog-600: #008f00;
--color-furious-frog-700: #007300;
--color-furious-frog-800: #005400;
--color-furious-frog-900: #003b00;
--color-furious-frog-950: #002400;
}SCSS
$furious-frog: #55ee00;
$furious-frog-rgb: 85, 238, 0;
$furious-frog-light: mix(#fff, $furious-frog, 20%);
$furious-frog-dark: mix(#000, $furious-frog, 20%);
.element {
color: $furious-frog;
box-shadow: 0 0 0 2px rgba($furious-frog, 0.35);
}