Nazwany kolor · #5DBCB4
Hygiene Green
Hygiene Green to #5DBCB4: rgb(93 188 180), hsl(175 41% 55%), oklch(0.735 0.091 188.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Hygiene Green color name →
#5DBCB4
oklch(0.735 0.091 188.1)
Konwersje koloru
- HEX
- #5dbcb4
- RGB
- rgb(93 188 180)
- HSL
- hsl(175 41% 55%)
- HWB
- hwb(175 36% 26%)
- OKLCH
- oklch(0.735 0.091 188.1)
- OKLab
- oklab(0.735 -0.09 -0.013)
- CIE Lab
- lab(70.35 -30.9 -5.06)
- LCH
- lch(70.35 31.31 189.3)
- CMYK
- cmyk(51% 0% 4% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 70C3BB
- 82CAC3
- 92D0CA
- A3D7D1
- B2DED9
- C2E4E0
- D1EBE8
- E1F2F0
- F0F8F7
Odcienie ciemniejsze
- 50A39C
- 438B85
- 37736E
- 2A5D58
- 1F4744
- 143230
- 0A1F1D
- 030D0C
- 000202
Tony
- 63B6AF
- 69B0A9
- 6DAAA4
- 71A49F
- 759E9A
- 789894
- 7A928F
- 7C8C8A
- 7E8685
Harmonie kolorów
Komplementarna +180°
- 5DBCB4
Hygiene Green
- DB919E
≈ Rose Marquis
Analogowa -30° +30°
- 5DBCB4
Hygiene Green
- 76BB94
≈ Mountain Lake Green
- 60B7D0
≈ Fitness Blue
Triada +120° +240°
- 5DBCB4
Hygiene Green
- B99AD6
≈ Amethyst Show
- D09F69
≈ Golden Aura
Komplementarna rozszczepiona +150° +210°
- 5DBCB4
Hygiene Green
- CF93BD
≈ Moorland Heather
- DC957F
≈ Paddy
Tetrada +90° +180° +270°
- 5DBCB4
Hygiene Green
- 9CA4E3
≈ Dalmatian Sage
- DB919E
≈ Rose Marquis
- B8AA65
≈ Sassy Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.31:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--hygiene-green: #5dbcb4;
--hygiene-green-rgb: 93 188 180;
--hygiene-green-oklch: oklch(0.735 0.091 188.1);
}
.element {
color: var(--hygiene-green);
background-color: hsl(175 41% 55%);
border-color: oklch(0.735 0.091 188.1);
}Tailwind CSS v4
@theme {
--color-hygiene-green: #5dbcb4;
--color-hygiene-green-50: #d9fefb;
--color-hygiene-green-100: #c6f2ef;
--color-hygiene-green-200: #a8e1dd;
--color-hygiene-green-300: #7fc7c2;
--color-hygiene-green-400: #57b0a8;
--color-hygiene-green-500: #229991;
--color-hygiene-green-600: #21827b;
--color-hygiene-green-700: #1b6862;
--color-hygiene-green-800: #114c47;
--color-hygiene-green-900: #0b3531;
--color-hygiene-green-950: #00201d;
}SCSS
$hygiene-green: #5dbcb4;
$hygiene-green-rgb: 93, 188, 180;
$hygiene-green-light: mix(#fff, $hygiene-green, 20%);
$hygiene-green-dark: mix(#000, $hygiene-green, 20%);
.element {
color: $hygiene-green;
box-shadow: 0 0 0 2px rgba($hygiene-green, 0.35);
}