Couleur nommée la plus proche · #72979C
#72979C
Couleur nommée la plus proche: Tranquili Teal
#72979C (rgb(114 151 156), hsl(187 18% 53%), oklch(0.651 0.041 206.5)) est la plus proche de la couleur nommée Tranquili Teal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#72979C
oklch(0.651 0.041 206.5)
Conversions de couleur
- HEX
- #72979c
- RGB
- rgb(114 151 156)
- HSL
- hsl(187 18% 53%)
- HWB
- hwb(187 45% 39%)
- OKLCH
- oklch(0.651 0.041 206.5)
- OKLab
- oklab(0.651 -0.037 -0.018)
- CIE Lab
- lab(59.84 -12.32 -7.03)
- LCH
- lch(59.84 14.18 209.7)
- CMYK
- cmyk(27% 3% 0% 39%)
Teintes · Ombres · Tons
Teintes
- 80A1A6
- 8DABAF
- 9BB5B9
- A9C0C3
- B7CACC
- C5D4D6
- D4DFE0
- E2EAEB
- F0F4F5
Ombres
- 628387
- 536F73
- 445C5F
- 36494C
- 283739
- 1B2628
- 0E1718
- 040809
- 010101
Tons
- 749599
- 759296
- 779094
- 788E91
- 7A8C8E
- 7B898B
- 7D8788
- 7E8586
- 7F8283
Harmonies de couleurs
Complémentaire +180°
- 72979C
Tranquili Teal
- A78682
≈ Muse
Analogue -30° +30°
- 72979C
Tranquili Teal
- 75988F
≈ Yucca
- 7894A6
≈ American Anthem
Triadique +120° +240°
- 72979C
Tranquili Teal
- 9D879D
≈ Amethyst Grey Violet
- 9A8E73
≈ Rustic Hacienda
Complémentaire divisée +150° +210°
- 72979C
Tranquili Teal
- A58590
≈ Lacy Mist
- A48977
≈ Tribal Pottery
Tétradique +90° +180° +270°
- 72979C
Tranquili Teal
- 918BA6
≈ Antique Viola
- A78682
≈ Muse
- 8D9376
≈ Dry Hemlock
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.17:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.62:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--tranquili-teal: #72979c;
--tranquili-teal-rgb: 114 151 156;
--tranquili-teal-oklch: oklch(0.651 0.041 206.5);
}
.element {
color: var(--tranquili-teal);
background-color: hsl(187 18% 53%);
border-color: oklch(0.651 0.041 206.5);
}Tailwind CSS v4
@theme {
--color-tranquili-teal: #72979c;
--color-tranquili-teal-50: #e8f9fb;
--color-tranquili-teal-100: #d9ecef;
--color-tranquili-teal-200: #c1dade;
--color-tranquili-teal-300: #a0bec3;
--color-tranquili-teal-400: #82a6ab;
--color-tranquili-teal-500: #668e94;
--color-tranquili-teal-600: #56787d;
--color-tranquili-teal-700: #456064;
--color-tranquili-teal-800: #314749;
--color-tranquili-teal-900: #223133;
--color-tranquili-teal-950: #111d1e;
}SCSS
$tranquili-teal: #72979c;
$tranquili-teal-rgb: 114, 151, 156;
$tranquili-teal-light: mix(#fff, $tranquili-teal, 20%);
$tranquili-teal-dark: mix(#000, $tranquili-teal, 20%);
.element {
color: $tranquili-teal;
box-shadow: 0 0 0 2px rgba($tranquili-teal, 0.35);
}