Couleur nommée la plus proche · #5791AC
#5791AC
Couleur nommée la plus proche: Treasure Map Waters
#5791AC (rgb(87 145 172), hsl(199 34% 51%), oklch(0.627 0.073 229.5)) est la plus proche de la couleur nommée Treasure Map Waters. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5791AC
oklch(0.627 0.073 229.5)
Conversions de couleur
- HEX
- #5791ac
- RGB
- rgb(87 145 172)
- HSL
- hsl(199 34% 51%)
- HWB
- hwb(199 34% 33%)
- OKLCH
- oklch(0.627 0.073 229.5)
- OKLab
- oklab(0.627 -0.047 -0.056)
- CIE Lab
- lab(57 -14 -20.51)
- LCH
- lch(57 24.83 235.7)
- CMYK
- cmyk(49% 16% 0% 33%)
Teintes · Ombres · Tons
Teintes
- 689CB4
- 79A6BD
- 8AB1C5
- 9ABCCD
- ABC7D5
- BBD2DE
- CCDDE6
- DDE8EE
- EEF4F7
Ombres
- 4B7D95
- 3E6A7F
- 335869
- 274654
- 1C3540
- 12252D
- 08151B
- 03070B
- 000101
Tons
- 5C8FA8
- 618EA3
- 668C9F
- 6A8B9B
- 6E8996
- 728792
- 76858D
- 798489
- 7D8284
Harmonies de couleurs
Complémentaire +180°
- 5791AC
Treasure Map Waters
- AD7B61
≈ Tawny Birch
Analogue -30° +30°
- 5791AC
Treasure Map Waters
- 4D9699
≈ Sea Current
- 6E89B5
≈ Kimono
Triadique +120° +240°
- 5791AC
Treasure Map Waters
- AA768F
≈ Cipher
- 8B8C58
≈ Green Olive
Complémentaire divisée +150° +210°
- 5791AC
Treasure Map Waters
- B07776
≈ Red Gerbera
- A08454
≈ Aztec Brick
Tétradique +90° +180° +270°
- 5791AC
Treasure Map Waters
- 9C7AA4
≈ Pishposh
- AD7B61
≈ Tawny Birch
- 719369
≈ Aspen Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.47:1 · APCA Lc 62
Ag
AASur noir
WCAG 6.05:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--treasure-map-waters: #5791ac;
--treasure-map-waters-rgb: 87 145 172;
--treasure-map-waters-oklch: oklch(0.627 0.073 229.5);
}
.element {
color: var(--treasure-map-waters);
background-color: hsl(199 34% 51%);
border-color: oklch(0.627 0.073 229.5);
}Tailwind CSS v4
@theme {
--color-treasure-map-waters: #5791ac;
--color-treasure-map-waters-50: #e1faff;
--color-treasure-map-waters-100: #d1edfc;
--color-treasure-map-waters-200: #b6dbee;
--color-treasure-map-waters-300: #92bfd7;
--color-treasure-map-waters-400: #70a7c1;
--color-treasure-map-waters-500: #4e8fad;
--color-treasure-map-waters-600: #437992;
--color-treasure-map-waters-700: #356175;
--color-treasure-map-waters-800: #254756;
--color-treasure-map-waters-900: #18323c;
--color-treasure-map-waters-950: #091d26;
}SCSS
$treasure-map-waters: #5791ac;
$treasure-map-waters-rgb: 87, 145, 172;
$treasure-map-waters-light: mix(#fff, $treasure-map-waters, 20%);
$treasure-map-waters-dark: mix(#000, $treasure-map-waters, 20%);
.element {
color: $treasure-map-waters;
box-shadow: 0 0 0 2px rgba($treasure-map-waters, 0.35);
}