Couleur nommée la plus proche · #68DBC6
#68DBC6
Couleur nommée la plus proche: Jazzy Jade
#68DBC6 (rgb(104 219 198), hsl(169 61% 63%), oklch(0.819 0.11 179.8)) est la plus proche de la couleur nommée Jazzy Jade. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#68DBC6
oklch(0.819 0.11 179.8)
Conversions de couleur
- HEX
- #68dbc6
- RGB
- rgb(104 219 198)
- HSL
- hsl(169 61% 63%)
- HWB
- hwb(169 41% 14%)
- OKLCH
- oklch(0.819 0.11 179.8)
- OKLab
- oklab(0.819 -0.11 0)
- CIE Lab
- lab(80.34 -38.06 -0.15)
- LCH
- lch(80.34 38.07 180.2)
- CMYK
- cmyk(53% 0% 10% 14%)
Teintes · Ombres · Tons
Teintes
- 7BDFCC
- 8CE3D1
- 9CE6D7
- ACEADC
- BAEEE2
- C9F1E8
- D7F5EE
- E4F8F3
- F2FCF9
Ombres
- 59BEAC
- 4BA292
- 3E877A
- 306D62
- 24544B
- 183C35
- 0C2621
- 04110E
- 000202
Tons
- 6ED2BF
- 72C8B8
- 76BFB0
- 79B6A9
- 7CADA2
- 7DA49B
- 7F9B94
- 80928E
- 808987
Harmonies de couleurs
Complémentaire +180°
- 68DBC6
Jazzy Jade
- FEA5C1
≈ Amélie’s Tutu
Analogue -30° +30°
- 68DBC6
Jazzy Jade
- 8FD89E
≈ Mother of Pearl Green
- 60D7EB
≈ Electric Lemonade
Triadique +120° +240°
- 68DBC6
Jazzy Jade
- CEB4FF
≈ Violet Heaven
- F8B379
≈ Market Melon
Complémentaire divisée +150° +210°
- 68DBC6
Jazzy Jade
- ECAAE6
≈ Land of Dreams
- FFAB9D
≈ Pink Rose Bud
Tétradique +90° +180° +270°
- 68DBC6
Jazzy Jade
- ADC1FF
≈ Pastel Blue
- FEA5C1
≈ Amélie’s Tutu
- DFC16D
≈ Highlight Gold
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.67:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.53:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--jazzy-jade: #68dbc6;
--jazzy-jade-rgb: 104 219 198;
--jazzy-jade-oklch: oklch(0.819 0.11 179.8);
}
.element {
color: var(--jazzy-jade);
background-color: hsl(169 61% 63%);
border-color: oklch(0.819 0.11 179.8);
}Tailwind CSS v4
@theme {
--color-jazzy-jade: #68dbc6;
--color-jazzy-jade-50: #d4fff7;
--color-jazzy-jade-100: #c0f5ea;
--color-jazzy-jade-200: #9fe4d7;
--color-jazzy-jade-300: #73cabb;
--color-jazzy-jade-400: #45b3a1;
--color-jazzy-jade-500: #009d89;
--color-jazzy-jade-600: #008574;
--color-jazzy-jade-700: #006a5c;
--color-jazzy-jade-800: #004e42;
--color-jazzy-jade-900: #01372e;
--color-jazzy-jade-950: #00211a;
}SCSS
$jazzy-jade: #68dbc6;
$jazzy-jade-rgb: 104, 219, 198;
$jazzy-jade-light: mix(#fff, $jazzy-jade, 20%);
$jazzy-jade-dark: mix(#000, $jazzy-jade, 20%);
.element {
color: $jazzy-jade;
box-shadow: 0 0 0 2px rgba($jazzy-jade, 0.35);
}