Color con nombre más cercano · #2D706C
#2D706C
Color con nombre más cercano: Deep Pool Teal
#2D706C (rgb(45 112 108), hsl(176 43% 31%), oklch(0.501 0.068 189.8)) se parece más al color con nombre Deep Pool Teal. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2D706C
oklch(0.501 0.068 189.8)
Conversiones de color
- HEX
- #2d706c
- RGB
- rgb(45 112 108)
- HSL
- hsl(176 43% 31%)
- HWB
- hwb(176 18% 56%)
- OKLCH
- oklch(0.501 0.068 189.8)
- OKLab
- oklab(0.501 -0.067 -0.012)
- CIE Lab
- lab(42.93 -22.82 -4.5)
- LCH
- lch(42.93 23.26 191.2)
- CMYK
- cmyk(60% 0% 4% 56%)
Tintes · Sombras · Tonos
Tintes
- 447E7A
- 598B88
- 6E9996
- 82A7A4
- 97B5B3
- ABC4C2
- C0D2D1
- D5E1E0
- EAF0EF
Sombras
- 26605D
- 1F514E
- 184340
- 113532
- 0B2725
- 061A19
- 020E0D
- 010404
- 000100
Tonos
- 38726E
- 427370
- 4B7572
- 537774
- 5B7876
- 637A78
- 6A7C7A
- 727D7C
- 797F7E
Armonías de color
Complementario +180°
- 2D706C
Deep Pool Teal
- 85535B
≈ So Merlot
Análogo -30° +30°
- 2D706C
Deep Pool Teal
- 3F7056
≈ Foliage Green
- 316D7E
≈ Kimberley Sea
Triádico +120° +240°
- 2D706C
Deep Pool Teal
- 6F5981
≈ Mystical
- 7D5D37
≈ Japanese Iris
Complementario dividido +150° +210°
- 2D706C
Deep Pool Teal
- 7E5470
≈ Magnificence
- 855646
≈ Red Hook
Tetrádico +90° +180° +270°
- 2D706C
Deep Pool Teal
- 5C5F8A
≈ Karmic Grape
- 85535B
≈ So Merlot
- 6D6535
≈ Jungle Civilization
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.76:1 · APCA Lc 79
Ag
FailSobre negro
WCAG 3.64:1 · APCA Lc 23
Mejor color de texto: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--deep-pool-teal: #2d706c;
--deep-pool-teal-rgb: 45 112 108;
--deep-pool-teal-oklch: oklch(0.501 0.068 189.8);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(176 43% 31%);
border-color: oklch(0.501 0.068 189.8);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #2d706c;
--color-deep-pool-teal-50: #e0fcfa;
--color-deep-pool-teal-100: #cff0ed;
--color-deep-pool-teal-200: #b4dedb;
--color-deep-pool-teal-300: #8fc3c0;
--color-deep-pool-teal-400: #6eaca7;
--color-deep-pool-teal-500: #4b9590;
--color-deep-pool-teal-600: #407e7a;
--color-deep-pool-teal-700: #336561;
--color-deep-pool-teal-800: #244a47;
--color-deep-pool-teal-900: #183331;
--color-deep-pool-teal-950: #081f1d;
}SCSS
$deep-pool-teal: #2d706c;
$deep-pool-teal-rgb: 45, 112, 108;
$deep-pool-teal-light: mix(#fff, $deep-pool-teal, 20%);
$deep-pool-teal-dark: mix(#000, $deep-pool-teal, 20%);
.element {
color: $deep-pool-teal;
box-shadow: 0 0 0 2px rgba($deep-pool-teal, 0.35);
}