Couleur nommée la plus proche · #1D8089
#1D8089
Couleur nommée la plus proche: Jade Jewel
#1D8089 (rgb(29 128 137), hsl(185 65% 33%), oklch(0.55 0.086 204.3)) est la plus proche de la couleur nommée Jade Jewel. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1D8089
oklch(0.55 0.086 204.3)
Conversions de couleur
- HEX
- #1d8089
- RGB
- rgb(29 128 137)
- HSL
- hsl(185 65% 33%)
- HWB
- hwb(185 11% 46%)
- OKLCH
- oklch(0.55 0.086 204.3)
- OKLab
- oklab(0.55 -0.079 -0.036)
- CIE Lab
- lab(48.59 -25.84 -13.29)
- LCH
- lch(48.59 29.06 207.2)
- CMYK
- cmyk(79% 7% 0% 46%)
Teintes · Ombres · Tons
Teintes
- 3D8C94
- 5599A0
- 6CA5AB
- 81B2B7
- 96BEC3
- ABCBCE
- C0D8DA
- D5E5E7
- EAF2F3
Ombres
- 186E76
- 135D64
- 0E4D53
- 093D42
- 052E31
- 031F22
- 011214
- 000607
- 000101
Tons
- 2F8088
- 3D8087
- 488186
- 518186
- 5A8185
- 638184
- 6A8183
- 728082
- 798081
Harmonies de couleurs
Complémentaire +180°
- 1D8089
Jade Jewel
- 9E5D58
≈ Rhode Island Red
Analogue -30° +30°
- 1D8089
Jade Jewel
- 2E826E
≈ Dream Green
- 377A9D
≈ Peninsula
Triadique +120° +240°
- 1D8089
Jade Jewel
- 8B608E
≈ Hashita Purple
- 896D30
≈ Aged Antics
Complémentaire divisée +150° +210°
- 1D8089
Jade Jewel
- 995C75
≈ Rose Wine
- 99633F
≈ Mocha Bisque
Tétradique +90° +180° +270°
- 1D8089
Jade Jewel
- 75679F
≈ Reign Over Me
- 9E5D58
≈ Rhode Island Red
- 717739
≈ Jungle Look
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.66:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.50:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--jade-jewel: #1d8089;
--jade-jewel-rgb: 29 128 137;
--jade-jewel-oklch: oklch(0.55 0.086 204.3);
}
.element {
color: var(--jade-jewel);
background-color: hsl(185 65% 33%);
border-color: oklch(0.55 0.086 204.3);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #1d8089;
--color-jade-jewel-50: #dafdff;
--color-jade-jewel-100: #c7f1f6;
--color-jade-jewel-200: #a9dfe7;
--color-jade-jewel-300: #81c4cd;
--color-jade-jewel-400: #5aadb6;
--color-jade-jewel-500: #2997a1;
--color-jade-jewel-600: #267f88;
--color-jade-jewel-700: #1f666d;
--color-jade-jewel-800: #144b4f;
--color-jade-jewel-900: #0d3437;
--color-jade-jewel-950: #011f22;
}SCSS
$jade-jewel: #1d8089;
$jade-jewel-rgb: 29, 128, 137;
$jade-jewel-light: mix(#fff, $jade-jewel, 20%);
$jade-jewel-dark: mix(#000, $jade-jewel, 20%);
.element {
color: $jade-jewel;
box-shadow: 0 0 0 2px rgba($jade-jewel, 0.35);
}