Nazwany kolor · #33EE00
Satin Lime
Satin Lime to #33EE00: rgb(51 238 0), hsl(107 100% 47%), oklch(0.827 0.274 141.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Satin Lime color name →
#33EE00
oklch(0.827 0.274 141.3)
Konwersje koloru
- HEX
- #33ee00
- RGB
- rgb(51 238 0)
- HSL
- hsl(107 100% 47%)
- HWB
- hwb(107 0% 7%)
- OKLCH
- oklch(0.827 0.274 141.3)
- OKLab
- oklab(0.827 -0.214 0.171)
- CIE Lab
- lab(82.93 -71.9 77.38)
- LCH
- lch(82.93 105.63 132.9)
- CMYK
- cmyk(79% 0% 100% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 58F142
- 72F361
- 88F679
- 9CF88F
- AEF9A3
- BFFBB6
- D0FCC9
- E0FEDB
- F0FEED
Odcienie ciemniejsze
- 2BCF00
- 23B100
- 1C9300
- 147700
- 0D5C00
- 074200
- 032A00
- 011400
- 000300
Tony
- 48E330
- 56D844
- 60CD51
- 68C25C
- 6FB865
- 74AD6C
- 78A272
- 7C9777
- 7E8B7C
Harmonie kolorów
Komplementarna +180°
- 33EE00
Satin Lime
- F1A5FF
≈ Rich Brilliant Lavender
Analogowa -30° +30°
- 33EE00
Satin Lime
- CCD000
≈ Golden Foil
- 00E7B9
≈ Aquamarine
Triada +120° +240°
- 33EE00
Satin Lime
- A7C7FF
≈ Night Snow
- FFADAB
≈ Apricot Haze
Komplementarna rozszczepiona +150° +210°
- 33EE00
Satin Lime
- C6BCFF
≈ Lavender Tonic
- FFA7CF
≈ Bazooka Pink
Tetrada +90° +180° +270°
- 33EE00
Satin Lime
- 79D3FF
≈ Sky
- F1A5FF
≈ Rich Brilliant Lavender
- FFB284
≈ Sassy Peach
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.37:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.37:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--satin-lime: #33ee00;
--satin-lime-rgb: 51 238 0;
--satin-lime-oklch: oklch(0.827 0.274 141.3);
}
.element {
color: var(--satin-lime);
background-color: hsl(107 100% 47%);
border-color: oklch(0.827 0.274 141.3);
}Tailwind CSS v4
@theme {
--color-satin-lime: #33ee00;
--color-satin-lime-50: #c6ffc2;
--color-satin-lime-100: #afffac;
--color-satin-lime-200: #86f283;
--color-satin-lime-300: #49d94c;
--color-satin-lime-400: #00c200;
--color-satin-lime-500: #00ab00;
--color-satin-lime-600: #009100;
--color-satin-lime-700: #007400;
--color-satin-lime-800: #005500;
--color-satin-lime-900: #003c00;
--color-satin-lime-950: #002500;
}SCSS
$satin-lime: #33ee00;
$satin-lime-rgb: 51, 238, 0;
$satin-lime-light: mix(#fff, $satin-lime, 20%);
$satin-lime-dark: mix(#000, $satin-lime, 20%);
.element {
color: $satin-lime;
box-shadow: 0 0 0 2px rgba($satin-lime, 0.35);
}