Couleur nommée la plus proche · #1E8089
#1E8089
Couleur nommée la plus proche: Jade Jewel
#1E8089 (rgb(30 128 137), hsl(185 64% 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.
#1E8089
oklch(0.55 0.086 204.3)
Conversions de couleur
- HEX
- #1e8089
- RGB
- rgb(30 128 137)
- HSL
- hsl(185 64% 33%)
- HWB
- hwb(185 12% 46%)
- OKLCH
- oklch(0.55 0.086 204.3)
- OKLab
- oklab(0.55 -0.078 -0.035)
- CIE Lab
- lab(48.61 -25.72 -13.26)
- LCH
- lch(48.61 28.94 207.3)
- CMYK
- cmyk(78% 7% 0% 46%)
Teintes · Ombres · Tons
Teintes
- 3D8C94
- 5699A0
- 6CA5AB
- 81B2B7
- 96BEC3
- ABCBCE
- C0D8DA
- D5E5E7
- EAF2F3
Ombres
- 196E76
- 135D64
- 0E4D53
- 093D42
- 052E31
- 031F22
- 011214
- 000607
- 000101
Tons
- 308088
- 3D8087
- 488186
- 528186
- 5A8185
- 638184
- 6B8183
- 728082
- 798081
Harmonies de couleurs
Complémentaire +180°
- 1E8089
Jade Jewel
- 9E5D59
≈ Rhode Island Red
Analogue -30° +30°
- 1E8089
Jade Jewel
- 2F826E
≈ Dream Green
- 387A9C
≈ Blue Dart Frog
Triadique +120° +240°
- 1E8089
Jade Jewel
- 8B608E
≈ Hashita Purple
- 896D31
≈ Aged Antics
Complémentaire divisée +150° +210°
- 1E8089
Jade Jewel
- 995C75
≈ Rose Wine
- 99633F
≈ Mocha Bisque
Tétradique +90° +180° +270°
- 1E8089
Jade Jewel
- 75679F
≈ Reign Over Me
- 9E5D59
≈ 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: #1e8089;
--jade-jewel-rgb: 30 128 137;
--jade-jewel-oklch: oklch(0.55 0.086 204.3);
}
.element {
color: var(--jade-jewel);
background-color: hsl(185 64% 33%);
border-color: oklch(0.55 0.086 204.3);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #1e8089;
--color-jade-jewel-50: #dafdff;
--color-jade-jewel-100: #c8f1f6;
--color-jade-jewel-200: #aadfe7;
--color-jade-jewel-300: #81c4cd;
--color-jade-jewel-400: #5aadb6;
--color-jade-jewel-500: #2a96a1;
--color-jade-jewel-600: #277f88;
--color-jade-jewel-700: #1f666d;
--color-jade-jewel-800: #144b4f;
--color-jade-jewel-900: #0d3437;
--color-jade-jewel-950: #011f22;
}SCSS
$jade-jewel: #1e8089;
$jade-jewel-rgb: 30, 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);
}