Couleur nommée la plus proche · #26ACA2
#26ACA2
Couleur nommée la plus proche: Teal Me No Lies
#26ACA2 (rgb(38 172 162), hsl(176 64% 41%), oklch(0.674 0.11 187.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.
#26ACA2
oklch(0.674 0.11 187.2)
Conversions de couleur
- HEX
- #26aca2
- RGB
- rgb(38 172 162)
- HSL
- hsl(176 64% 41%)
- HWB
- hwb(176 15% 33%)
- OKLCH
- oklch(0.674 0.11 187.2)
- OKLab
- oklab(0.674 -0.109 -0.014)
- CIE Lab
- lab(63.5 -37.62 -5.4)
- LCH
- lch(63.5 38 188.2)
- CMYK
- cmyk(78% 0% 6% 33%)
Teintes · Ombres · Tons
Teintes
- 49B4AB
- 63BDB4
- 79C5BD
- 8ECDC6
- A1D6D0
- B4DED9
- C7E6E2
- DAEFEC
- EDF7F5
Ombres
- 20958C
- 197F77
- 136963
- 0D544F
- 08403C
- 042D2A
- 021B19
- 010B0A
- 000101
Tons
- 3AA89F
- 48A39B
- 539F98
- 5C9B94
- 649691
- 6B928D
- 718E8A
- 768987
- 7B8583
Harmonies de couleurs
Complémentaire +180°
- 26ACA2
Teal Me No Lies
- D0798B
≈ Dusky Pink
Analogue -30° +30°
- 26ACA2
Teal Me No Lies
- 56AB7B
≈ Julep
- 2CA7C3
≈ True Sky Blue
Triadique +120° +240°
- 26ACA2
Teal Me No Lies
- A884CB
≈ Wisteria
- C38946
≈ Automn Fox
Complémentaire divisée +150° +210°
- 26ACA2
Teal Me No Lies
- C27BAF
≈ Strawberry Freeze
- D07D65
≈ Silithus Brown
Tétradique +90° +180° +270°
- 26ACA2
Teal Me No Lies
- 8690DA
≈ Mystic Iris
- D0798B
≈ Dusky Pink
- A9973F
≈ Prickly Pear
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.50:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--teal-me-no-lies: #26aca2;
--teal-me-no-lies-rgb: 38 172 162;
--teal-me-no-lies-oklch: oklch(0.674 0.11 187.2);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(176 64% 41%);
border-color: oklch(0.674 0.11 187.2);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #26aca2;
--color-teal-me-no-lies-50: #d2fffc;
--color-teal-me-no-lies-100: #bff4ef;
--color-teal-me-no-lies-200: #9de4de;
--color-teal-me-no-lies-300: #6fcac3;
--color-teal-me-no-lies-400: #3eb3a9;
--color-teal-me-no-lies-500: #009d93;
--color-teal-me-no-lies-600: #00857c;
--color-teal-me-no-lies-700: #006a63;
--color-teal-me-no-lies-800: #004e47;
--color-teal-me-no-lies-900: #003631;
--color-teal-me-no-lies-950: #00211d;
}SCSS
$teal-me-no-lies: #26aca2;
$teal-me-no-lies-rgb: 38, 172, 162;
$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);
}