Couleur nommée la plus proche · #256C67
#256C67
Couleur nommée la plus proche: Deep Pool Teal
#256C67 (rgb(37 108 103), hsl(176 49% 28%), oklch(0.486 0.07 188.6)) 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.
#256C67
oklch(0.486 0.07 188.6)
Conversions de couleur
- HEX
- #256c67
- RGB
- rgb(37 108 103)
- HSL
- hsl(176 49% 28%)
- HWB
- hwb(176 15% 58%)
- OKLCH
- oklch(0.486 0.07 188.6)
- OKLab
- oklab(0.486 -0.069 -0.01)
- CIE Lab
- lab(41.19 -23.79 -4.08)
- LCH
- lch(41.19 24.14 189.7)
- CMYK
- cmyk(66% 0% 5% 58%)
Teintes · Ombres · Tons
Teintes
- 3E7A75
- 548883
- 699692
- 7EA5A1
- 93B3B0
- A9C2BF
- BED1CF
- D3E0DF
- E9F0EF
Ombres
- 1F5D59
- 194E4B
- 13403D
- 0D3230
- 082523
- 041917
- 020D0C
- 000404
- 000000
Tons
- 326E69
- 3D706C
- 47726E
- 507471
- 587673
- 617876
- 697A78
- 717C7B
- 787E7D
Harmonies de couleurs
Complémentaire +180°
- 256C67
Deep Pool Teal
- 814E57
≈ Rouge Charm
Analogue -30° +30°
- 256C67
Deep Pool Teal
- 3A6B50
≈ Jungle Book Green
- 28697A
≈ Discovery Bay
Triadique +120° +240°
- 256C67
Deep Pool Teal
- 6B547E
≈ Charoite Violet
- 795831
≈ Cold Brew Coffee
Complémentaire divisée +150° +210°
- 256C67
Deep Pool Teal
- 79506D
≈ Brocade Violet
- 825142
≈ Beauty Patch
Tétradique +90° +180° +270°
- 256C67
Deep Pool Teal
- 565B87
≈ Marlin
- 814E57
≈ Rouge Charm
- 69602E
≈ Saguaro
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.14:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.41:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--deep-pool-teal: #256c67;
--deep-pool-teal-rgb: 37 108 103;
--deep-pool-teal-oklch: oklch(0.486 0.07 188.6);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(176 49% 28%);
border-color: oklch(0.486 0.07 188.6);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #256c67;
--color-deep-pool-teal-50: #e0fcfa;
--color-deep-pool-teal-100: #cef0ed;
--color-deep-pool-teal-200: #b3dedb;
--color-deep-pool-teal-300: #8ec3c0;
--color-deep-pool-teal-400: #6caca6;
--color-deep-pool-teal-500: #48958f;
--color-deep-pool-teal-600: #3e7e79;
--color-deep-pool-teal-700: #316561;
--color-deep-pool-teal-800: #234a46;
--color-deep-pool-teal-900: #173431;
--color-deep-pool-teal-950: #081f1d;
}SCSS
$deep-pool-teal: #256c67;
$deep-pool-teal-rgb: 37, 108, 103;
$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);
}