Adlandırılmış renk · #55EE00
Furious Frog
Furious Frog, #55EE00: rgb(85 238 0), hsl(99 100% 47%), oklch(0.834 0.265 139.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Furious Frog color name →
#55EE00
oklch(0.834 0.265 139.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6DF143
- 82F361
- 94F57A
- A5F78F
- B5F9A3
- C5FBB7
- D4FCC9
- E2FDDB
- F1FEED
Koyu tonlar
- 49CF00
- 3DB100
- 319300
- 267700
- 1C5C00
- 114200
- 082A00
- 021400
- 000300
Gri tonlar
- 5FE330
- 67D844
- 6DCD52
- 72C25C
- 76B765
- 79AC6C
- 7CA172
- 7E9678
- 7F8B7C
Renk uyumları
Tamamlayıcı +180°
- 55EE00
Furious Frog
- EEACFF
≈ Pink Sugar
Analog -30° +30°
- 55EE00
Furious Frog
- D2D100
≈ Sun Flooded Woods
- 00EAB6
≈ Overchlorinated Pool
Üçlü +120° +240°
- 55EE00
Furious Frog
- A9CAFF
≈ Night Snow
- FFB1B1
≈ Fancy Flamingo
Bölünmüş tamamlayıcı +150° +210°
- 55EE00
Furious Frog
- C6C0FF
≈ Lavender Tonic
- FFABD4
≈ Spaghetti Strap Pink
Dörtlü +90° +180° +270°
- 55EE00
Furious Frog
- 7BD6FF
≈ Sky
- EEACFF
≈ Pink Sugar
- FFB58D
≈ Coral Dusk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.54:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.61:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.61:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}