Benannte Farbe · #5CBE86
Spearmint Burst
Spearmint Burst ist #5CBE86: rgb(92 190 134), hsl(146 43% 55%), oklch(0.727 0.124 156.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Spearmint Burst color name →
#5CBE86
oklch(0.727 0.124 156.3)
Farbumrechnungen
- HEX
- #5cbe86
- RGB
- rgb(92 190 134)
- HSL
- hsl(146 43% 55%)
- HWB
- hwb(146 36% 25%)
- OKLCH
- oklch(0.727 0.124 156.3)
- OKLab
- oklab(0.727 -0.114 0.05)
- CIE Lab
- lab(69.99 -39.92 19.2)
- LCH
- lch(69.99 44.3 154.3)
- CMYK
- cmyk(52% 0% 29% 25%)
Tints · Shades · Tones
Tints
- 6FC592
- 81CB9E
- 92D2AA
- A2D8B6
- B2DFC2
- C1E5CE
- D1ECDA
- E0F2E6
- F0F9F3
Shades
- 4FA574
- 428C62
- 367551
- 2A5E40
- 1F4830
- 143321
- 0A1F13
- 030D06
- 000201
Tones
- 62B886
- 68B285
- 6CAB85
- 70A584
- 749F84
- 779983
- 7A9382
- 7C8D82
- 7E8681
Farbharmonien
Komplementär +180°
- 5CBE86
Spearmint Burst
- D887C4
≈ Pink Punk
Analog -30° +30°
- 5CBE86
Spearmint Burst
- 93B55A
≈ Fresh Mown
- 16C0B3
≈ Turquoise
Triadisch +120° +240°
- 5CBE86
Spearmint Burst
- 929FF4
≈ Cold Lips
- E9896E
≈ Thundelarra
Geteilt komplementär +150° +210°
- 5CBE86
Spearmint Burst
- BB91E4
≈ Luminous Lavender
- E8849A
≈ Iced Berry
Tetradisch +90° +180° +270°
- 5CBE86
Spearmint Burst
- 5FAEF0
≈ Blue Jeans
- D887C4
≈ Pink Punk
- DB9649
≈ Orange Caramel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.29:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.16:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--spearmint-burst: #5cbe86;
--spearmint-burst-rgb: 92 190 134;
--spearmint-burst-oklch: oklch(0.727 0.124 156.3);
}
.element {
color: var(--spearmint-burst);
background-color: hsl(146 43% 55%);
border-color: oklch(0.727 0.124 156.3);
}Tailwind CSS v4
@theme {
--color-spearmint-burst: #5cbe86;
--color-spearmint-burst-50: #d8ffe8;
--color-spearmint-burst-100: #c6f5d9;
--color-spearmint-burst-200: #a7e5c0;
--color-spearmint-burst-300: #7ecb9f;
--color-spearmint-burst-400: #58b480;
--color-spearmint-burst-500: #269e63;
--color-spearmint-burst-600: #238654;
--color-spearmint-burst-700: #1c6b43;
--color-spearmint-burst-800: #164f2e;
--color-spearmint-burst-900: #0e371f;
--color-spearmint-burst-950: #01210f;
}SCSS
$spearmint-burst: #5cbe86;
$spearmint-burst-rgb: 92, 190, 134;
$spearmint-burst-light: mix(#fff, $spearmint-burst, 20%);
$spearmint-burst-dark: mix(#000, $spearmint-burst, 20%);
.element {
color: $spearmint-burst;
box-shadow: 0 0 0 2px rgba($spearmint-burst, 0.35);
}