Color con nombre más cercano · #2A7085
#2A7085
Color con nombre más cercano: Waterworld
#2A7085 (rgb(42 112 133), hsl(194 52% 34%), oklch(0.51 0.076 221.2)) se parece más al color con nombre Waterworld. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2A7085
oklch(0.51 0.076 221.2)
Conversiones de color
- HEX
- #2a7085
- RGB
- rgb(42 112 133)
- HSL
- hsl(194 52% 34%)
- HWB
- hwb(194 16% 48%)
- OKLCH
- oklch(0.51 0.076 221.2)
- OKLab
- oklab(0.51 -0.057 -0.05)
- CIE Lab
- lab(43.58 -17.27 -18.45)
- LCH
- lch(43.58 25.27 226.9)
- CMYK
- cmyk(68% 16% 0% 48%)
Tintes · Sombras · Tonos
Tintes
- 427E91
- 588B9D
- 6D99A9
- 81A7B5
- 96B6C1
- ABC4CD
- BFD3D9
- D4E1E6
- EAF0F2
Sombras
- 236073
- 1C5161
- 164350
- 103540
- 0A2730
- 051A21
- 020E13
- 010406
- 000101
Tonos
- 367285
- 407484
- 4A7584
- 527783
- 5B7983
- 627A82
- 6A7C82
- 727D81
- 797F81
Armonías de color
Complementario +180°
- 2A7085
Waterworld
- 8B5743
≈ True Copper
Análogo -30° +30°
- 2A7085
Waterworld
- 237471
≈ Artisan Green
- 446991
≈ Queen Blue
Triádico +120° +240°
- 2A7085
Waterworld
- 845473
≈ Plum Highness
- 6F6830
≈ Robinhood
Complementario dividido +150° +210°
- 2A7085
Waterworld
- 8C535B
≈ Fragrant Cherry
- 825F32
≈ Bronze Brown
Tetrádico +90° +180° +270°
- 2A7085
Waterworld
- 745986
≈ Emperor Jewel
- 8B5743
≈ True Copper
- 576F40
≈ Loire Valley
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.59:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.75:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--waterworld: #2a7085;
--waterworld-rgb: 42 112 133;
--waterworld-oklch: oklch(0.51 0.076 221.2);
}
.element {
color: var(--waterworld);
background-color: hsl(194 52% 34%);
border-color: oklch(0.51 0.076 221.2);
}Tailwind CSS v4
@theme {
--color-waterworld: #2a7085;
--color-waterworld-50: #dffbff;
--color-waterworld-100: #ceeefb;
--color-waterworld-200: #b2dcec;
--color-waterworld-300: #8dc1d4;
--color-waterworld-400: #69a9be;
--color-waterworld-500: #4592aa;
--color-waterworld-600: #3b7b8f;
--color-waterworld-700: #2f6373;
--color-waterworld-800: #204954;
--color-waterworld-900: #15323b;
--color-waterworld-950: #061e25;
}SCSS
$waterworld: #2a7085;
$waterworld-rgb: 42, 112, 133;
$waterworld-light: mix(#fff, $waterworld, 20%);
$waterworld-dark: mix(#000, $waterworld, 20%);
.element {
color: $waterworld;
box-shadow: 0 0 0 2px rgba($waterworld, 0.35);
}