Benannte Farbe · #7AF9AB
Lime Soap
Lime Soap ist #7AF9AB: rgb(122 249 171), hsl(143 91% 73%), oklch(0.89 0.158 154.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Lime Soap color name →
#7AF9AB
oklch(0.89 0.158 154.5)
Farbumrechnungen
- HEX
- #7af9ab
- RGB
- rgb(122 249 171)
- HSL
- hsl(143 91% 73%)
- HWB
- hwb(143 48% 2%)
- OKLCH
- oklch(0.89 0.158 154.5)
- OKLab
- oklab(0.89 -0.143 0.068)
- CIE Lab
- lab(89.26 -49.88 26.29)
- LCH
- lch(89.26 56.38 152.2)
- CMYK
- cmyk(51% 0% 31% 2%)
Tints · Shades · Tones
Tints
- 8BFAB4
- 9BFBBC
- A9FCC5
- B7FCCD
- C4FDD5
- D0FEDE
- DCFEE6
- E8FFEE
- F4FFF7
Shades
- 69D994
- 59B97E
- 499A68
- 3A7D54
- 2B6140
- 1D462D
- 102C1B
- 05150B
- 010301
Tones
- 7EEDA7
- 80E0A3
- 82D49F
- 84C89A
- 84BB96
- 84AF92
- 84A38D
- 839889
- 828C85
Farbharmonien
Komplementär +180°
- 7AF9AB
Lime Soap
- FFC6F2
≈ Rosy Maple Moth
Analog -30° +30°
- 7AF9AB
Lime Soap
- C4EC70
≈ Pisco Sour
- 01FCE7
≈ Vibrant Mint
Triadisch +120° +240°
- 7AF9AB
Lime Soap
- CFD9FF
≈ Icy Plains
- FFCDC1
≈ Crystal Coral
Geteilt komplementär +150° +210°
- 7AF9AB
Lime Soap
- E4D0FF
≈ Pale Lavender
- FFCBD5
≈ Sweet Sixteen
Tetradisch +90° +180° +270°
- 7AF9AB
Lime Soap
- BBE0FF
≈ Dithered Sky
- FFC6F2
≈ Rosy Maple Moth
- FFD1A6
≈ Affinity
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.31:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 15.96:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.96:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--lime-soap: #7af9ab;
--lime-soap-rgb: 122 249 171;
--lime-soap-oklch: oklch(0.89 0.158 154.5);
}
.element {
color: var(--lime-soap);
background-color: hsl(143 91% 73%);
border-color: oklch(0.89 0.158 154.5);
}Tailwind CSS v4
@theme {
--color-lime-soap: #7af9ab;
--color-lime-soap-50: #d1ffe3;
--color-lime-soap-100: #bdf8d3;
--color-lime-soap-200: #9be9b9;
--color-lime-soap-300: #6bd096;
--color-lime-soap-400: #3cb973;
--color-lime-soap-500: #00a353;
--color-lime-soap-600: #008a47;
--color-lime-soap-700: #006e39;
--color-lime-soap-800: #005125;
--color-lime-soap-900: #003919;
--color-lime-soap-950: #00230a;
}SCSS
$lime-soap: #7af9ab;
$lime-soap-rgb: 122, 249, 171;
$lime-soap-light: mix(#fff, $lime-soap, 20%);
$lime-soap-dark: mix(#000, $lime-soap, 20%);
.element {
color: $lime-soap;
box-shadow: 0 0 0 2px rgba($lime-soap, 0.35);
}