Color con nombre · #004F98
Freshwater Lake
Freshwater Lake es #004F98: rgb(0 79 152), hsl(209 100% 30%), oklch(0.431 0.137 253.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Freshwater Lake color name →
#004F98
oklch(0.431 0.137 253.9)
Conversiones de color
- HEX
- #004f98
- RGB
- rgb(0 79 152)
- HSL
- hsl(209 100% 30%)
- HWB
- hwb(209 0% 40%)
- OKLCH
- oklch(0.431 0.137 253.9)
- OKLab
- oklab(0.431 -0.038 -0.131)
- CIE Lab
- lab(32.94 2.53 -46.61)
- LCH
- lch(32.94 46.68 273.1)
- CMYK
- cmyk(100% 48% 0% 40%)
Tintes · Sombras · Tonos
Tintes
- 2661A3
- 3F72AE
- 5783B9
- 6E95C3
- 86A6CE
- 9DB7D8
- B5C9E2
- CDDBEC
- E6EDF5
Sombras
- 004484
- 003870
- 002E5C
- 00234A
- 001938
- 001027
- 000717
- 000208
- 000001
Tonos
- 195596
- 285A95
- 356093
- 406591
- 4C6A8E
- 566E8C
- 617389
- 6B7786
- 767C83
Armonías de color
Complementario +180°
- 004F98
Freshwater Lake
- 6D4700
≈ Antique Bronze
Análogo -30° +30°
- 004F98
Freshwater Lake
- 005971
≈ Deep Lagoon
- 4A4097
≈ Blueberry
Triádico +120° +240°
- 004F98
Freshwater Lake
- 8B2539
≈ Thrill Ride
- 315D00
≈ Bright Nori
Complementario dividido +150° +210°
- 004F98
Freshwater Lake
- 853200
≈ Coffee Addiction
- 595200
≈ Douro
Tetrádico +90° +180° +270°
- 004F98
Freshwater Lake
- 802962
≈ Smooch
- 6D4700
≈ Antique Bronze
- 005F42
≈ Sci-Fi Takeout
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.16:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.57:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--freshwater-lake: #004f98;
--freshwater-lake-rgb: 0 79 152;
--freshwater-lake-oklch: oklch(0.431 0.137 253.9);
}
.element {
color: var(--freshwater-lake);
background-color: hsl(209 100% 30%);
border-color: oklch(0.431 0.137 253.9);
}Tailwind CSS v4
@theme {
--color-freshwater-lake: #004f98;
--color-freshwater-lake-50: #dcf8ff;
--color-freshwater-lake-100: #caebff;
--color-freshwater-lake-200: #aed7ff;
--color-freshwater-lake-300: #88bafd;
--color-freshwater-lake-400: #62a1ed;
--color-freshwater-lake-500: #3c88de;
--color-freshwater-lake-600: #3473bb;
--color-freshwater-lake-700: #2a5c96;
--color-freshwater-lake-800: #194470;
--color-freshwater-lake-900: #102f4f;
--color-freshwater-lake-950: #031b34;
}SCSS
$freshwater-lake: #004f98;
$freshwater-lake-rgb: 0, 79, 152;
$freshwater-lake-light: mix(#fff, $freshwater-lake, 20%);
$freshwater-lake-dark: mix(#000, $freshwater-lake, 20%);
.element {
color: $freshwater-lake;
box-shadow: 0 0 0 2px rgba($freshwater-lake, 0.35);
}