Color con nombre más cercano · #278083
#278083
Color con nombre más cercano: Jade Jewel
#278083 (rgb(39 128 131), hsl(182 54% 33%), oklch(0.55 0.081 198.3)) se parece más al color con nombre Jade Jewel. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#278083
oklch(0.55 0.081 198.3)
Conversiones de color
- HEX
- #278083
- RGB
- rgb(39 128 131)
- HSL
- hsl(182 54% 33%)
- HWB
- hwb(182 15% 49%)
- OKLCH
- oklch(0.55 0.081 198.3)
- OKLab
- oklab(0.55 -0.077 -0.026)
- CIE Lab
- lab(48.64 -25.93 -9.69)
- LCH
- lch(48.64 27.68 200.5)
- CMYK
- cmyk(70% 2% 0% 49%)
Tintes · Sombras · Tonos
Tintes
- 428C8F
- 59999B
- 6FA5A7
- 84B2B3
- 98BEBF
- ADCBCC
- C1D8D8
- D6E5E5
- EAF2F2
Sombras
- 206E71
- 1A5D60
- 144D4F
- 0E3D3F
- 082E2F
- 041F20
- 021212
- 010606
- 000101
Tonos
- 358083
- 418082
- 4B8082
- 548182
- 5C8182
- 648181
- 6B8081
- 738081
- 798080
Armonías de color
Complementario +180°
- 278083
Jade Jewel
- 9C5E5F
≈ Pizza Pie
Análogo -30° +30°
- 278083
Jade Jewel
- 3A8169
≈ Dream Green
- 367B97
≈ Blue Rodeo
Triádico +120° +240°
- 278083
Jade Jewel
- 866290
≈ Swiss Lilac
- 8C6C36
≈ Mango Squash
Complementario dividido +150° +210°
- 278083
Jade Jewel
- 955E7A
≈ Glitz and Glamour
- 986346
≈ Natural Cork
Tetrádico +90° +180° +270°
- 278083
Jade Jewel
- 6F6A9F
≈ Inner Journey
- 9C5E5F
≈ Pizza Pie
- 76753A
≈ Crocodile Style
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.50:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--jade-jewel: #278083;
--jade-jewel-rgb: 39 128 131;
--jade-jewel-oklch: oklch(0.55 0.081 198.3);
}
.element {
color: var(--jade-jewel);
background-color: hsl(182 54% 33%);
border-color: oklch(0.55 0.081 198.3);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #278083;
--color-jade-jewel-50: #dbfdfe;
--color-jade-jewel-100: #c9f1f3;
--color-jade-jewel-200: #acdfe2;
--color-jade-jewel-300: #85c4c8;
--color-jade-jewel-400: #5fadb0;
--color-jade-jewel-500: #34979a;
--color-jade-jewel-600: #2e7f82;
--color-jade-jewel-700: #256668;
--color-jade-jewel-800: #194b4c;
--color-jade-jewel-900: #103435;
--color-jade-jewel-950: #031f20;
}SCSS
$jade-jewel: #278083;
$jade-jewel-rgb: 39, 128, 131;
$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);
}