Nazwany kolor · #5E9B8A
Grey Teal
Grey Teal to #5E9B8A: rgb(94 155 138), hsl(163 24% 49%), oklch(0.643 0.069 174.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Grey Teal color name →
#5E9B8A
oklch(0.643 0.069 174.3)
Konwersje koloru
- HEX
- #5e9b8a
- RGB
- rgb(94 155 138)
- HSL
- hsl(163 24% 49%)
- HWB
- hwb(163 37% 39%)
- OKLCH
- oklch(0.643 0.069 174.3)
- OKLab
- oklab(0.643 -0.069 0.007)
- CIE Lab
- lab(59.46 -23.77 2.39)
- LCH
- lch(59.46 23.89 174.3)
- CMYK
- cmyk(39% 0% 11% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6FA595
- 7FAFA0
- 8FB8AC
- 9FC2B7
- AFCCC3
- BFD6CF
- CFE0DB
- DFEBE7
- EFF5F3
Odcienie ciemniejsze
- 518677
- 447265
- 375E53
- 2B4B42
- 1F3932
- 142822
- 0A1814
- 030907
- 000101
Tony
- 639889
- 679688
- 6B9387
- 6E9086
- 728E85
- 758B84
- 788883
- 7B8682
- 7D8381
Harmonie kolorów
Komplementarna +180°
- 5E9B8A
Grey Teal
- AF7C90
≈ Foxglove
Analogowa -30° +30°
- 5E9B8A
Grey Teal
- 739873
≈ Botanical Green
- 5799A0
≈ Tropical Oasis
Triada +120° +240°
- 5E9B8A
Grey Teal
- 8F85B3
≈ Silk Lilac
- AE8265
≈ Cider Spice
Komplementarna rozszczepiona +150° +210°
- 5E9B8A
Grey Teal
- A27FA5
≈ Wild Lavender
- B37D78
≈ Night Rose
Tetrada +90° +180° +270°
- 5E9B8A
Grey Teal
- 788DB8
≈ Galactic Gossamer
- AF7C90
≈ Foxglove
- A18A5C
≈ Shank
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.21:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.53:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--grey-teal: #5e9b8a;
--grey-teal-rgb: 94 155 138;
--grey-teal-oklch: oklch(0.643 0.069 174.3);
}
.element {
color: var(--grey-teal);
background-color: hsl(163 24% 49%);
border-color: oklch(0.643 0.069 174.3);
}Tailwind CSS v4
@theme {
--color-grey-teal: #5e9b8a;
--color-grey-teal-50: #e2fcf4;
--color-grey-teal-100: #d1f0e7;
--color-grey-teal-200: #b6ded3;
--color-grey-teal-300: #92c3b6;
--color-grey-teal-400: #72ac9b;
--color-grey-teal-500: #519583;
--color-grey-teal-600: #457e6f;
--color-grey-teal-700: #376559;
--color-grey-teal-800: #274a40;
--color-grey-teal-900: #1a342c;
--color-grey-teal-950: #0b1f19;
}SCSS
$grey-teal: #5e9b8a;
$grey-teal-rgb: 94, 155, 138;
$grey-teal-light: mix(#fff, $grey-teal, 20%);
$grey-teal-dark: mix(#000, $grey-teal, 20%);
.element {
color: $grey-teal;
box-shadow: 0 0 0 2px rgba($grey-teal, 0.35);
}