Color con nombre más cercano · #1B777D
#1B777D
Color con nombre más cercano: Jade Jewel
#1B777D (rgb(27 119 125), hsl(184 64% 30%), oklch(0.521 0.081 201.6)) 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.
#1B777D
oklch(0.521 0.081 201.6)
Conversiones de color
- HEX
- #1b777d
- RGB
- rgb(27 119 125)
- HSL
- hsl(184 64% 30%)
- HWB
- hwb(184 11% 51%)
- OKLCH
- oklch(0.521 0.081 201.6)
- OKLab
- oklab(0.521 -0.076 -0.03)
- CIE Lab
- lab(45.24 -25.06 -11.26)
- LCH
- lch(45.24 27.47 204.2)
- CMYK
- cmyk(78% 5% 0% 51%)
Tintes · Sombras · Tonos
Tintes
- 3A8489
- 529196
- 699FA2
- 7EACAF
- 94B9BC
- A9C7C9
- BED5D6
- D4E3E4
- E9F1F1
Sombras
- 16676C
- 11575B
- 0C474B
- 08383B
- 052A2C
- 021C1E
- 011011
- 000505
- 000101
Tonos
- 2D787D
- 3A797E
- 457A7E
- 4F7B7E
- 587C7F
- 617D7F
- 697E7F
- 717F80
- 797F80
Armonías de color
Complementario +180°
- 1B777D
Jade Jewel
- 935654
≈ Carpe Diem
Análogo -30° +30°
- 1B777D
Jade Jewel
- 2E7864
≈ Majorelle Gardens
- 307190
≈ Big Ocean Wave
Triádico +120° +240°
- 1B777D
Jade Jewel
- 7F5985
≈ Muted Purple
- 81642D
≈ Dirt Brown
Complementario dividido +150° +210°
- 1B777D
Jade Jewel
- 8D556E
≈ Majestic Orchid
- 8E5B3C
≈ Rope
Tetrádico +90° +180° +270°
- 1B777D
Jade Jewel
- 6A6095
≈ Just a Fairytale
- 935654
≈ Carpe Diem
- 6B6E33
≈ Safari Green
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 3.98:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--jade-jewel: #1b777d;
--jade-jewel-rgb: 27 119 125;
--jade-jewel-oklch: oklch(0.521 0.081 201.6);
}
.element {
color: var(--jade-jewel);
background-color: hsl(184 64% 30%);
border-color: oklch(0.521 0.081 201.6);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #1b777d;
--color-jade-jewel-50: #dbfdff;
--color-jade-jewel-100: #c9f0f4;
--color-jade-jewel-200: #acdfe4;
--color-jade-jewel-300: #85c4ca;
--color-jade-jewel-400: #5fadb3;
--color-jade-jewel-500: #34969d;
--color-jade-jewel-600: #2e7f85;
--color-jade-jewel-700: #25666a;
--color-jade-jewel-800: #184b4d;
--color-jade-jewel-900: #103436;
--color-jade-jewel-950: #021f21;
}SCSS
$jade-jewel: #1b777d;
$jade-jewel-rgb: 27, 119, 125;
$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);
}