Couleur nommée la plus proche · #4D908C
#4D908C
Couleur nommée la plus proche: Martian Cerulean
#4D908C (rgb(77 144 140), hsl(176 30% 43%), oklch(0.608 0.069 190.5)) est la plus proche de la couleur nommée Martian Cerulean. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4D908C
oklch(0.608 0.069 190.5)
Conversions de couleur
- HEX
- #4d908c
- RGB
- rgb(77 144 140)
- HSL
- hsl(176 30% 43%)
- HWB
- hwb(176 30% 44%)
- OKLCH
- oklch(0.608 0.069 190.5)
- OKLab
- oklab(0.608 -0.068 -0.012)
- CIE Lab
- lab(55.31 -23.07 -4.87)
- LCH
- lch(55.31 23.57 191.9)
- CMYK
- cmyk(47% 0% 3% 44%)
Teintes · Ombres · Tons
Teintes
- 609B97
- 72A6A2
- 84B0AD
- 95BBB8
- A7C7C4
- B8D2D0
- CADDDB
- DBE8E7
- EDF4F3
Ombres
- 427D79
- 376A67
- 2C5755
- 224543
- 183433
- 0F2423
- 071514
- 020707
- 000101
Tons
- 548F8B
- 5A8D8A
- 608B88
- 658A87
- 6A8886
- 6F8785
- 738584
- 788382
- 7C8281
Harmonies de couleurs
Complémentaire +180°
- 4D908C
Martian Cerulean
- A77279
≈ Carley’s Rose
Analogue -30° +30°
- 4D908C
Martian Cerulean
- 5D9075
≈ Deep Grass Green
- 508C9F
≈ Stratford Blue
Triadique +120° +240°
- 4D908C
Martian Cerulean
- 9077A2
≈ Pickled Purple
- 9D7C54
≈ Grecian Gold
Complémentaire divisée +150° +210°
- 4D908C
Martian Cerulean
- 9F728F
≈ Angel Heart
- A77563
≈ Chutney Brown
Tétradique +90° +180° +270°
- 4D908C
Martian Cerulean
- 7A7EAC
≈ Roseine Plum
- A77279
≈ Carley’s Rose
- 8C8453
≈ Dried Bay Leaf
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.69:1 · APCA Lc 64
Ag
AASur noir
WCAG 5.68:1 · APCA Lc 37
Meilleure couleur de texte: #000000
WCAG 5.68:1 (AA) · APCA Lc 37
Contrast pairs
Extraits de code
CSS
:root {
--martian-cerulean: #4d908c;
--martian-cerulean-rgb: 77 144 140;
--martian-cerulean-oklch: oklch(0.608 0.069 190.5);
}
.element {
color: var(--martian-cerulean);
background-color: hsl(176 30% 43%);
border-color: oklch(0.608 0.069 190.5);
}Tailwind CSS v4
@theme {
--color-martian-cerulean: #4d908c;
--color-martian-cerulean-50: #e0fcfa;
--color-martian-cerulean-100: #cff0ee;
--color-martian-cerulean-200: #b3dedc;
--color-martian-cerulean-300: #8ec3c1;
--color-martian-cerulean-400: #6daca8;
--color-martian-cerulean-500: #499591;
--color-martian-cerulean-600: #3f7e7a;
--color-martian-cerulean-700: #326562;
--color-martian-cerulean-800: #234a47;
--color-martian-cerulean-900: #173331;
--color-martian-cerulean-950: #081f1d;
}SCSS
$martian-cerulean: #4d908c;
$martian-cerulean-rgb: 77, 144, 140;
$martian-cerulean-light: mix(#fff, $martian-cerulean, 20%);
$martian-cerulean-dark: mix(#000, $martian-cerulean, 20%);
.element {
color: $martian-cerulean;
box-shadow: 0 0 0 2px rgba($martian-cerulean, 0.35);
}