Colore con nome più vicino · #1D8089
#1D8089
Colore con nome più vicino: Jade Jewel
#1D8089 (rgb(29 128 137), hsl(185 65% 33%), oklch(0.55 0.086 204.3)) è più vicino al colore con nome Jade Jewel. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#1D8089
oklch(0.55 0.086 204.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 3D8C94
- 5599A0
- 6CA5AB
- 81B2B7
- 96BEC3
- ABCBCE
- C0D8DA
- D5E5E7
- EAF2F3
Ombre
- 186E76
- 135D64
- 0E4D53
- 093D42
- 052E31
- 031F22
- 011214
- 000607
- 000101
Toni
- 2F8088
- 3D8087
- 488186
- 518186
- 5A8185
- 638184
- 6A8183
- 728082
- 798081
Armonie di colore
Complementare +180°
- 1D8089
Jade Jewel
- 9E5D58
≈ Rhode Island Red
Analogo -30° +30°
- 1D8089
Jade Jewel
- 2E826E
≈ Dream Green
- 377A9D
≈ Peninsula
Triadico +120° +240°
- 1D8089
Jade Jewel
- 8B608E
≈ Hashita Purple
- 896D30
≈ Aged Antics
Complementare divisa +150° +210°
- 1D8089
Jade Jewel
- 995C75
≈ Rose Wine
- 99633F
≈ Mocha Bisque
Tetradico +90° +180° +270°
- 1D8089
Jade Jewel
- 75679F
≈ Reign Over Me
- 9E5D58
≈ Rhode Island Red
- 717739
≈ Jungle Look
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.66:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.50:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}