Couleur nommée la plus proche · #284144
#284144
Couleur nommée la plus proche: Mysterious Waters
#284144 (rgb(40 65 68), hsl(186 26% 21%), oklch(0.356 0.031 205.4)) est la plus proche de la couleur nommée Mysterious Waters. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#284144
oklch(0.356 0.031 205.4)
Conversions de couleur
- HEX
- #284144
- RGB
- rgb(40 65 68)
- HSL
- hsl(186 26% 21%)
- HWB
- hwb(186 16% 73%)
- OKLCH
- oklch(0.356 0.031 205.4)
- OKLab
- oklab(0.356 -0.028 -0.013)
- CIE Lab
- lab(25.6 -9.34 -5.07)
- LCH
- lch(25.6 10.62 208.5)
- CMYK
- cmyk(41% 4% 0% 73%)
Teintes · Ombres · Tons
Teintes
- 3B5255
- 4F6366
- 637577
- 78888A
- 8D9B9C
- A3AEAF
- B9C2C3
- D0D6D6
- E7EAEB
Ombres
- 21373A
- 1B2E30
- 152526
- 0F1C1D
- 091314
- 040B0C
- 020505
- 010102
- 000000
Tons
- 31474A
- 394D50
- 425355
- 4B595B
- 536061
- 5C6667
- 656C6D
- 6E7374
- 77797A
Harmonies de couleurs
Complémentaire +180°
- 284144
Mysterious Waters
- 4B3634
≈ Chocolate Red
Analogue -30° +30°
- 284144
Mysterious Waters
- 2A423B
≈ Celtic
- 2C3F4A
≈ Bakos Blue
Triadique +120° +240°
- 284144
Mysterious Waters
- 453745
≈ Wineshade
- 443B29
≈ Typhus Corrosion
Complémentaire divisée +150° +210°
- 284144
Mysterious Waters
- 4A353D
≈ Spell Caster
- 49382C
≈ Batch Brew
Tétradique +90° +180° +270°
- 284144
Mysterious Waters
- 3D394B
≈ Martinique
- 4B3634
≈ Chocolate Red
- 3B3E2B
≈ Green Kelp
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.88:1 · APCA Lc 95
Ag
FailSur noir
WCAG 1.92:1 · APCA Lc 7
Meilleure couleur de texte: #FFFFFF
WCAG 10.88:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--mysterious-waters: #284144;
--mysterious-waters-rgb: 40 65 68;
--mysterious-waters-oklch: oklch(0.356 0.031 205.4);
}
.element {
color: var(--mysterious-waters);
background-color: hsl(186 26% 21%);
border-color: oklch(0.356 0.031 205.4);
}Tailwind CSS v4
@theme {
--color-mysterious-waters: #284144;
--color-mysterious-waters-50: #ecf8fa;
--color-mysterious-waters-100: #ddebed;
--color-mysterious-waters-200: #c6d8db;
--color-mysterious-waters-300: #a6bcc0;
--color-mysterious-waters-400: #8aa4a7;
--color-mysterious-waters-500: #6e8c90;
--color-mysterious-waters-600: #5e777a;
--color-mysterious-waters-700: #4b5f62;
--color-mysterious-waters-800: #364647;
--color-mysterious-waters-900: #253031;
--color-mysterious-waters-950: #131c1d;
}SCSS
$mysterious-waters: #284144;
$mysterious-waters-rgb: 40, 65, 68;
$mysterious-waters-light: mix(#fff, $mysterious-waters, 20%);
$mysterious-waters-dark: mix(#000, $mysterious-waters, 20%);
.element {
color: $mysterious-waters;
box-shadow: 0 0 0 2px rgba($mysterious-waters, 0.35);
}