Color con nombre más cercano · #417E7D
#417E7D
Color con nombre más cercano: Tropical Rain
#417E7D (rgb(65 126 125), hsl(179 32% 37%), oklch(0.552 0.063 194.1)) se parece más al color con nombre Tropical Rain. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#417E7D
oklch(0.552 0.063 194.1)
Conversiones de color
- HEX
- #417e7d
- RGB
- rgb(65 126 125)
- HSL
- hsl(179 32% 37%)
- HWB
- hwb(179 25% 51%)
- OKLCH
- oklch(0.552 0.063 194.1)
- OKLab
- oklab(0.552 -0.061 -0.015)
- CIE Lab
- lab(48.73 -20.84 -5.92)
- LCH
- lch(48.73 21.66 195.9)
- CMYK
- cmyk(48% 0% 1% 51%)
Tintes · Sombras · Tonos
Tintes
- 558A89
- 689796
- 7AA3A2
- 8DB0AF
- A0BDBC
- B2CAC9
- C5D7D6
- D8E4E4
- ECF2F1
Sombras
- 376D6C
- 2E5C5B
- 254C4B
- 1C3C3B
- 132D2C
- 0B1F1E
- 051111
- 010505
- 000101
Tonos
- 497E7D
- 507F7E
- 577F7E
- 5E7F7E
- 647F7F
- 6A807F
- 70807F
- 75807F
- 7B8080
Armonías de color
Complementario +180°
- 417E7D
Tropical Rain
- 946367
≈ Abra Cadabra
Análogo -30° +30°
- 417E7D
Tropical Rain
- 4E7E68
≈ Blackberry Leaf Green
- 467A8E
≈ Jelly Bean
Triádico +120° +240°
- 417E7D
Tropical Rain
- 80678C
≈ Sunshone Plum
- 896D47
≈ Tiki Hut
Complementario dividido +150° +210°
- 417E7D
Tropical Rain
- 8D637B
≈ Victorian Plum
- 926654
≈ Stormy Plum
Tetrádico +90° +180° +270°
- 417E7D
Tropical Rain
- 6D6D96
≈ Campanula Purple
- 946367
≈ Abra Cadabra
- 787448
≈ Fern Shade
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.50:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--tropical-rain: #417e7d;
--tropical-rain-rgb: 65 126 125;
--tropical-rain-oklch: oklch(0.552 0.063 194.1);
}
.element {
color: var(--tropical-rain);
background-color: hsl(179 32% 37%);
border-color: oklch(0.552 0.063 194.1);
}Tailwind CSS v4
@theme {
--color-tropical-rain: #417e7d;
--color-tropical-rain-50: #e1fbfb;
--color-tropical-rain-100: #d1efef;
--color-tropical-rain-200: #b6dddd;
--color-tropical-rain-300: #92c2c2;
--color-tropical-rain-400: #71aba9;
--color-tropical-rain-500: #4f9492;
--color-tropical-rain-600: #447d7c;
--color-tropical-rain-700: #366463;
--color-tropical-rain-800: #264948;
--color-tropical-rain-900: #193332;
--color-tropical-rain-950: #0a1f1e;
}SCSS
$tropical-rain: #417e7d;
$tropical-rain-rgb: 65, 126, 125;
$tropical-rain-light: mix(#fff, $tropical-rain, 20%);
$tropical-rain-dark: mix(#000, $tropical-rain, 20%);
.element {
color: $tropical-rain;
box-shadow: 0 0 0 2px rgba($tropical-rain, 0.35);
}