Couleur nommée · #175A6C
Connor’s Lakefront
Connor’s Lakefront correspond à #175A6C : rgb(23 90 108), hsl(193 65% 26%), oklch(0.435 0.07 220.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Cyan mean? → · Connor’s Lakefront color name →
#175A6C
oklch(0.435 0.07 220.1)
Conversions de couleur
- HEX
- #175a6c
- RGB
- rgb(23 90 108)
- HSL
- hsl(193 65% 26%)
- HWB
- hwb(193 9% 58%)
- OKLCH
- oklch(0.435 0.07 220.1)
- OKLab
- oklab(0.435 -0.054 -0.045)
- CIE Lab
- lab(34.86 -16.19 -16.64)
- LCH
- lch(34.86 23.22 225.8)
- CMYK
- cmyk(79% 17% 0% 58%)
Teintes · Ombres · Tons
Teintes
- 33697A
- 4A7988
- 608996
- 7699A5
- 8CAAB3
- A3BAC2
- B9CBD1
- D0DCE0
- E7EDF0
Ombres
- 124D5D
- 0E414E
- 0A3540
- 062932
- 041E25
- 021319
- 01090D
- 000304
- 000000
Tons
- 265E6E
- 336270
- 3E6672
- 486A74
- 526D76
- 5B7178
- 65757A
- 6E797C
- 777C7E
Harmonies de couleurs
Complémentaire +180°
- 175A6C
Connor’s Lakefront
- 724333
≈ Uluru Sunset
Analogue -30° +30°
- 175A6C
Connor’s Lakefront
- 105D5A
≈ Dark Turquoise
- 325477
≈ Aerostatics
Triadique +120° +240°
- 175A6C
Connor’s Lakefront
- 6B415D
≈ Prune Purple
- 5A5220
≈ Private Green
Complémentaire divisée +150° +210°
- 175A6C
Connor’s Lakefront
- 724048
≈ Pirat’s Wine
- 6A4A22
≈ Cafe Royale
Tétradique +90° +180° +270°
- 175A6C
Connor’s Lakefront
- 5D466E
≈ Blue Tulip
- 724333
≈ Uluru Sunset
- 44592E
≈ Turf
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.73:1 · APCA Lc 87
Ag
FailSur noir
WCAG 2.71:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--connor-s-lakefront: #175a6c;
--connor-s-lakefront-rgb: 23 90 108;
--connor-s-lakefront-oklch: oklch(0.435 0.07 220.1);
}
.element {
color: var(--connor-s-lakefront);
background-color: hsl(193 65% 26%);
border-color: oklch(0.435 0.07 220.1);
}Tailwind CSS v4
@theme {
--color-connor-s-lakefront: #175a6c;
--color-connor-s-lakefront-50: #e0faff;
--color-connor-s-lakefront-100: #d0eef9;
--color-connor-s-lakefront-200: #b4dcea;
--color-connor-s-lakefront-300: #90c0d1;
--color-connor-s-lakefront-400: #6ea9bb;
--color-connor-s-lakefront-500: #4b91a6;
--color-connor-s-lakefront-600: #407b8d;
--color-connor-s-lakefront-700: #336271;
--color-connor-s-lakefront-800: #234853;
--color-connor-s-lakefront-900: #17323a;
--color-connor-s-lakefront-950: #081e24;
}SCSS
$connor-s-lakefront: #175a6c;
$connor-s-lakefront-rgb: 23, 90, 108;
$connor-s-lakefront-light: mix(#fff, $connor-s-lakefront, 20%);
$connor-s-lakefront-dark: mix(#000, $connor-s-lakefront, 20%);
.element {
color: $connor-s-lakefront;
box-shadow: 0 0 0 2px rgba($connor-s-lakefront, 0.35);
}