Couleur nommée la plus proche · #487F87
#487F87
Couleur nommée la plus proche: Submerged
#487F87 (rgb(72 127 135), hsl(188 30% 41%), oklch(0.562 0.059 207.6)) est la plus proche de la couleur nommée Submerged. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#487F87
oklch(0.562 0.059 207.6)
Conversions de couleur
- HEX
- #487f87
- RGB
- rgb(72 127 135)
- HSL
- hsl(188 30% 41%)
- HWB
- hwb(188 28% 47%)
- OKLCH
- oklch(0.562 0.059 207.6)
- OKLab
- oklab(0.562 -0.053 -0.028)
- CIE Lab
- lab(49.65 -17.29 -10.37)
- LCH
- lch(49.65 20.16 211)
- CMYK
- cmyk(47% 6% 0% 47%)
Teintes · Ombres · Tons
Teintes
- 5B8B92
- 6D989E
- 7FA4AA
- 91B1B5
- A3BDC1
- B5CACE
- C7D7DA
- DAE4E6
- ECF2F2
Ombres
- 3D6E75
- 335D63
- 294C51
- 1F3C41
- 162D31
- 0D1F21
- 061113
- 020606
- 000101
Tons
- 4F7F86
- 557F86
- 5B8085
- 618084
- 678084
- 6C8083
- 718082
- 768081
- 7B8081
Harmonies de couleurs
Complémentaire +180°
- 487F87
Submerged
- 956862
≈ Café
Analogue -30° +30°
- 487F87
Submerged
- 4C8175
≈ Azurite Water Green
- 537A94
≈ Mallorca Blue
Triadique +120° +240°
- 487F87
Submerged
- 886987
≈ Sunshone Plum
- 84734C
≈ Mossy
Complémentaire divisée +150° +210°
- 487F87
Submerged
- 926675
≈ Copper Pink
- 906C52
≈ Split Rail
Tétradique +90° +180° +270°
- 487F87
Submerged
- 796E94
≈ Arabian Silk
- 956862
≈ Café
- 727A52
≈ Kariyasu Green
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.50:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.66:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--submerged: #487f87;
--submerged-rgb: 72 127 135;
--submerged-oklch: oklch(0.562 0.059 207.6);
}
.element {
color: var(--submerged);
background-color: hsl(188 30% 41%);
border-color: oklch(0.562 0.059 207.6);
}Tailwind CSS v4
@theme {
--color-submerged: #487f87;
--color-submerged-50: #e3fafe;
--color-submerged-100: #d2eef3;
--color-submerged-200: #b8dce2;
--color-submerged-300: #95c0c8;
--color-submerged-400: #74a9b1;
--color-submerged-500: #54929b;
--color-submerged-600: #477b83;
--color-submerged-700: #396369;
--color-submerged-800: #28484c;
--color-submerged-900: #1b3235;
--color-submerged-950: #0b1e20;
}SCSS
$submerged: #487f87;
$submerged-rgb: 72, 127, 135;
$submerged-light: mix(#fff, $submerged, 20%);
$submerged-dark: mix(#000, $submerged, 20%);
.element {
color: $submerged;
box-shadow: 0 0 0 2px rgba($submerged, 0.35);
}