Couleur nommée la plus proche · #76A9A6
#76A9A6
Couleur nommée la plus proche: Turquoise Fantasies
#76A9A6 (rgb(118 169 166), hsl(176 23% 56%), oklch(0.698 0.054 191.4)) est la plus proche de la couleur nommée Turquoise Fantasies. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#76A9A6
oklch(0.698 0.054 191.4)
Conversions de couleur
- HEX
- #76a9a6
- RGB
- rgb(118 169 166)
- HSL
- hsl(176 23% 56%)
- HWB
- hwb(176 46% 34%)
- OKLCH
- oklch(0.698 0.054 191.4)
- OKLab
- oklab(0.698 -0.053 -0.011)
- CIE Lab
- lab(65.58 -18.06 -4.18)
- LCH
- lch(65.58 18.53 193)
- CMYK
- cmyk(30% 0% 2% 34%)
Teintes · Ombres · Tons
Teintes
- 84B1AF
- 91BAB7
- 9FC2C0
- ADCBC9
- BAD3D2
- C8DCDB
- D6E5E4
- E3EDED
- F1F6F6
Ombres
- 669290
- 567C7A
- 476765
- 385351
- 293F3E
- 1C2C2B
- 0F1B1A
- 050A0A
- 010101
Tons
- 78A5A2
- 79A19E
- 7A9D9A
- 7C9997
- 7D9493
- 7E908F
- 7E8C8B
- 7F8887
- 808484
Harmonies de couleurs
Complémentaire +180°
- 76A9A6
Turquoise Fantasies
- BD9095
≈ Cherry Juice
Analogue -30° +30°
- 76A9A6
Turquoise Fantasies
- 80A993
≈ Catnip
- 78A6B6
≈ Inner Sanctum
Triadique +120° +240°
- 76A9A6
Turquoise Fantasies
- A995B7
≈ Gleeful Joy
- B49979
≈ Soft Fawn
Complémentaire divisée +150° +210°
- 76A9A6
Turquoise Fantasies
- B691A8
≈ Bed of Roses
- BC9384
≈ Belfry Brick
Tétradique +90° +180° +270°
- 76A9A6
Turquoise Fantasies
- 979ABF
≈ Grape Ivy
- BD9095
≈ Cherry Juice
- A59F78
≈ Fresh Olive
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.62:1 · APCA Lc 51
Ag
AAASur noir
WCAG 7.99:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--turquoise-fantasies: #76a9a6;
--turquoise-fantasies-rgb: 118 169 166;
--turquoise-fantasies-oklch: oklch(0.698 0.054 191.4);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(176 23% 56%);
border-color: oklch(0.698 0.054 191.4);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #76a9a6;
--color-turquoise-fantasies-50: #e4faf9;
--color-turquoise-fantasies-100: #d4eeed;
--color-turquoise-fantasies-200: #bbdcdb;
--color-turquoise-fantasies-300: #98c1bf;
--color-turquoise-fantasies-400: #79a9a6;
--color-turquoise-fantasies-500: #5a928f;
--color-turquoise-fantasies-600: #4c7b79;
--color-turquoise-fantasies-700: #3d6361;
--color-turquoise-fantasies-800: #2b4946;
--color-turquoise-fantasies-900: #1d3231;
--color-turquoise-fantasies-950: #0d1e1d;
}SCSS
$turquoise-fantasies: #76a9a6;
$turquoise-fantasies-rgb: 118, 169, 166;
$turquoise-fantasies-light: mix(#fff, $turquoise-fantasies, 20%);
$turquoise-fantasies-dark: mix(#000, $turquoise-fantasies, 20%);
.element {
color: $turquoise-fantasies;
box-shadow: 0 0 0 2px rgba($turquoise-fantasies, 0.35);
}