Couleur nommée la plus proche · #2DABA5
#2DABA5
Couleur nommée la plus proche: Teal Me No Lies
#2DABA5 (rgb(45 171 165), hsl(177 58% 42%), oklch(0.674 0.106 190.2)) est la plus proche de la couleur nommée Teal Me No Lies. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2DABA5
oklch(0.674 0.106 190.2)
Conversions de couleur
- HEX
- #2daba5
- RGB
- rgb(45 171 165)
- HSL
- hsl(177 58% 42%)
- HWB
- hwb(177 18% 33%)
- OKLCH
- oklch(0.674 0.106 190.2)
- OKLab
- oklab(0.674 -0.104 -0.019)
- CIE Lab
- lab(63.39 -35.7 -7.21)
- LCH
- lch(63.39 36.43 191.4)
- CMYK
- cmyk(74% 0% 4% 33%)
Teintes · Ombres · Tons
Teintes
- 4DB3AE
- 65BCB6
- 7BC4BF
- 8FCDC8
- A2D5D1
- B5DEDA
- C8E6E3
- DAEEEC
- EDF7F6
Ombres
- 26948F
- 1F7E79
- 186865
- 115451
- 0B403D
- 062D2B
- 021B1A
- 010B0A
- 000101
Tons
- 3EA7A1
- 4BA39D
- 559E9A
- 5E9A96
- 659692
- 6C928F
- 718D8B
- 778987
- 7C8484
Harmonies de couleurs
Complémentaire +180°
- 2DABA5
Teal Me No Lies
- CE7A87
≈ Dusky Pink
Analogue -30° +30°
- 2DABA5
Teal Me No Lies
- 54AA80
≈ Julep
- 38A5C3
≈ Laguna
Triadique +120° +240°
- 2DABA5
Teal Me No Lies
- AB84C7
≈ Wisteria
- C08A48
≈ Automn Fox
Complémentaire divisée +150° +210°
- 2DABA5
Teal Me No Lies
- C27CAB
≈ Strawberry Freeze
- CE7F64
≈ Burning Sand
Tétradique +90° +180° +270°
- 2DABA5
Teal Me No Lies
- 8A8FD6
≈ Adora
- CE7A87
≈ Dusky Pink
- A69844
≈ Prickly Pear
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.48:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--teal-me-no-lies: #2daba5;
--teal-me-no-lies-rgb: 45 171 165;
--teal-me-no-lies-oklch: oklch(0.674 0.106 190.2);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(177 58% 42%);
border-color: oklch(0.674 0.106 190.2);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #2daba5;
--color-teal-me-no-lies-50: #d3fffd;
--color-teal-me-no-lies-100: #c0f4f1;
--color-teal-me-no-lies-200: #9fe3e0;
--color-teal-me-no-lies-300: #72c9c5;
--color-teal-me-no-lies-400: #42b2ac;
--color-teal-me-no-lies-500: #009c96;
--color-teal-me-no-lies-600: #00847f;
--color-teal-me-no-lies-700: #006a65;
--color-teal-me-no-lies-800: #004e49;
--color-teal-me-no-lies-900: #003633;
--color-teal-me-no-lies-950: #00211e;
}SCSS
$teal-me-no-lies: #2daba5;
$teal-me-no-lies-rgb: 45, 171, 165;
$teal-me-no-lies-light: mix(#fff, $teal-me-no-lies, 20%);
$teal-me-no-lies-dark: mix(#000, $teal-me-no-lies, 20%);
.element {
color: $teal-me-no-lies;
box-shadow: 0 0 0 2px rgba($teal-me-no-lies, 0.35);
}