Nazwany kolor · #5E9B86
Succulent Green
Succulent Green to #5E9B86: rgb(94 155 134), hsl(159 24% 49%), oklch(0.642 0.071 170). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Succulent Green color name →
#5E9B86
oklch(0.642 0.071 170)
Konwersje koloru
- HEX
- #5e9b86
- RGB
- rgb(94 155 134)
- HSL
- hsl(159 24% 49%)
- HWB
- hwb(159 37% 39%)
- OKLCH
- oklch(0.642 0.071 170)
- OKLab
- oklab(0.642 -0.07 0.012)
- CIE Lab
- lab(59.37 -24.47 4.51)
- LCH
- lch(59.37 24.88 169.6)
- CMYK
- cmyk(39% 0% 14% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6FA591
- 7FAF9D
- 8FB8A9
- 9FC2B5
- AFCCC1
- BED6CD
- CEE0D9
- DFEBE6
- EFF5F2
Odcienie ciemniejsze
- 518674
- 447262
- 375E51
- 2B4B40
- 1F3930
- 142821
- 0A1813
- 030906
- 000101
Tony
- 629885
- 679685
- 6B9384
- 6E9084
- 728E83
- 758B82
- 788882
- 7B8681
- 7D8381
Harmonie kolorów
Komplementarna +180°
- 5E9B86
Succulent Green
- AE7B93
≈ Cipher
Analogowa -30° +30°
- 5E9B86
Succulent Green
- 76986E
≈ Botanical Green
- 539A9E
≈ Aquarius Reef Base
Triada +120° +240°
- 5E9B86
Succulent Green
- 8C86B6
≈ Silk Lilac
- B18065
≈ Cider Spice
Komplementarna rozszczepiona +150° +210°
- 5E9B86
Succulent Green
- A07FA8
≈ Regal Orchid
- B47B7B
≈ Fiesta Rojo
Tetrada +90° +180° +270°
- 5E9B86
Succulent Green
- 738EB9
≈ Debutante Ball
- AE7B93
≈ Cipher
- A4885A
≈ Chicory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.22:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.50:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--succulent-green: #5e9b86;
--succulent-green-rgb: 94 155 134;
--succulent-green-oklch: oklch(0.642 0.071 170);
}
.element {
color: var(--succulent-green);
background-color: hsl(159 24% 49%);
border-color: oklch(0.642 0.071 170);
}Tailwind CSS v4
@theme {
--color-succulent-green: #5e9b86;
--color-succulent-green-50: #e2fcf3;
--color-succulent-green-100: #d1f0e5;
--color-succulent-green-200: #b6dfd1;
--color-succulent-green-300: #92c4b3;
--color-succulent-green-400: #73ac98;
--color-succulent-green-500: #51967f;
--color-succulent-green-600: #467f6b;
--color-succulent-green-700: #376556;
--color-succulent-green-800: #284a3e;
--color-succulent-green-900: #1b342a;
--color-succulent-green-950: #0b1f18;
}SCSS
$succulent-green: #5e9b86;
$succulent-green-rgb: 94, 155, 134;
$succulent-green-light: mix(#fff, $succulent-green, 20%);
$succulent-green-dark: mix(#000, $succulent-green, 20%);
.element {
color: $succulent-green;
box-shadow: 0 0 0 2px rgba($succulent-green, 0.35);
}