Couleur nommée la plus proche · #62B3AC
#62B3AC
Couleur nommée la plus proche: Turquoise Fantasies
#62B3AC (rgb(98 179 172), hsl(175 35% 54%), oklch(0.713 0.08 188.3)) 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.
#62B3AC
oklch(0.713 0.08 188.3)
Conversions de couleur
- HEX
- #62b3ac
- RGB
- rgb(98 179 172)
- HSL
- hsl(175 35% 54%)
- HWB
- hwb(175 38% 30%)
- OKLCH
- oklch(0.713 0.08 188.3)
- OKLab
- oklab(0.713 -0.08 -0.012)
- CIE Lab
- lab(67.68 -27.27 -4.57)
- LCH
- lch(67.68 27.65 189.5)
- CMYK
- cmyk(45% 0% 4% 30%)
Teintes · Ombres · Tons
Teintes
- 73BBB4
- 84C2BC
- 94CAC4
- A4D1CC
- B3D9D5
- C2E1DD
- D2E8E5
- E1F0EE
- F0F7F6
Ombres
- 549B95
- 47847F
- 3A6E69
- 2D5854
- 214340
- 162F2D
- 0B1D1B
- 030C0B
- 000101
Tons
- 67AEA8
- 6BA9A3
- 6FA49F
- 729F9A
- 759A96
- 789491
- 7A8F8D
- 7D8A89
- 7E8584
Harmonies de couleurs
Complémentaire +180°
- 62B3AC
Turquoise Fantasies
- CF8E99
≈ Sianna Rose
Analogue -30° +30°
- 62B3AC
Turquoise Fantasies
- 76B290
≈ Mate Tea
- 64AFC4
≈ Gondolier
Triadique +120° +240°
- 62B3AC
Turquoise Fantasies
- B195CA
≈ Cut Velvet
- C4996B
≈ Cardboard
Complémentaire divisée +150° +210°
- 62B3AC
Turquoise Fantasies
- C48FB4
≈ Mauve Magic
- CF917E
≈ Orange Essential
Tétradique +90° +180° +270°
- 62B3AC
Turquoise Fantasies
- 979ED5
≈ Azureno
- CF8E99
≈ Sianna Rose
- AFA368
≈ Wavy Glass
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.45:1 · APCA Lc 48
Ag
AAASur noir
WCAG 8.56:1 · APCA Lc 54
Meilleure couleur de texte: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Extraits de code
CSS
:root {
--turquoise-fantasies: #62b3ac;
--turquoise-fantasies-rgb: 98 179 172;
--turquoise-fantasies-oklch: oklch(0.713 0.08 188.3);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(175 35% 54%);
border-color: oklch(0.713 0.08 188.3);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #62b3ac;
--color-turquoise-fantasies-50: #dcfdfa;
--color-turquoise-fantasies-100: #caf1ee;
--color-turquoise-fantasies-200: #ade0dc;
--color-turquoise-fantasies-300: #86c5c1;
--color-turquoise-fantasies-400: #62aea7;
--color-turquoise-fantasies-500: #399790;
--color-turquoise-fantasies-600: #32807a;
--color-turquoise-fantasies-700: #286662;
--color-turquoise-fantasies-800: #1b4b47;
--color-turquoise-fantasies-900: #123431;
--color-turquoise-fantasies-950: #04201d;
}SCSS
$turquoise-fantasies: #62b3ac;
$turquoise-fantasies-rgb: 98, 179, 172;
$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);
}