Couleur nommée la plus proche · #2D706C
#2D706C
Couleur nommée la plus proche: Deep Pool Teal
#2D706C (rgb(45 112 108), hsl(176 43% 31%), oklch(0.501 0.068 189.8)) est la plus proche de la couleur nommée Deep Pool Teal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2D706C
oklch(0.501 0.068 189.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 447E7A
- 598B88
- 6E9996
- 82A7A4
- 97B5B3
- ABC4C2
- C0D2D1
- D5E1E0
- EAF0EF
Ombres
- 26605D
- 1F514E
- 184340
- 113532
- 0B2725
- 061A19
- 020E0D
- 010404
- 000100
Tons
- 38726E
- 427370
- 4B7572
- 537774
- 5B7876
- 637A78
- 6A7C7A
- 727D7C
- 797F7E
Harmonies de couleurs
Complémentaire +180°
- 2D706C
Deep Pool Teal
- 85535B
≈ So Merlot
Analogue -30° +30°
- 2D706C
Deep Pool Teal
- 3F7056
≈ Foliage Green
- 316D7E
≈ Kimberley Sea
Triadique +120° +240°
- 2D706C
Deep Pool Teal
- 6F5981
≈ Mystical
- 7D5D37
≈ Japanese Iris
Complémentaire divisée +150° +210°
- 2D706C
Deep Pool Teal
- 7E5470
≈ Magnificence
- 855646
≈ Red Hook
Tétradique +90° +180° +270°
- 2D706C
Deep Pool Teal
- 5C5F8A
≈ Karmic Grape
- 85535B
≈ So Merlot
- 6D6535
≈ Jungle Civilization
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.76:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.64:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
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);
}