Couleur nommée la plus proche · #456090
#456090
Couleur nommée la plus proche: Sea of Galilee
#456090 (rgb(69 96 144), hsl(218 35% 42%), oklch(0.49 0.084 261.4)) est la plus proche de la couleur nommée Sea of Galilee. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#456090
oklch(0.49 0.084 261.4)
Conversions de couleur
- HEX
- #456090
- RGB
- rgb(69 96 144)
- HSL
- hsl(218 35% 42%)
- HWB
- hwb(218 27% 44%)
- OKLCH
- oklch(0.49 0.084 261.4)
- OKLab
- oklab(0.49 -0.013 -0.083)
- CIE Lab
- lab(40.25 0.71 -30.04)
- LCH
- lch(40.25 30.05 271.4)
- CMYK
- cmyk(52% 33% 0% 44%)
Teintes · Ombres · Tons
Teintes
- 566F9B
- 677EA6
- 798EB1
- 8B9DBD
- 9EADC8
- B1BDD3
- C4CDDE
- D7DEE9
- EBEEF4
Ombres
- 3B527D
- 31456A
- 273857
- 1E2C45
- 152034
- 0C1524
- 050A15
- 020307
- 000001
Tons
- 4B638F
- 51678D
- 576A8C
- 5D6D8B
- 627189
- 687487
- 6E7786
- 747A84
- 7A7D82
Harmonies de couleurs
Complémentaire +180°
- 456090
Sea of Galilee
- 785B20
≈ Brassy Brass
Analogue -30° +30°
- 456090
Sea of Galilee
- 226887
≈ Sea Goddess
- 61578C
≈ Wool Violet
Triadique +120° +240°
- 456090
Sea of Galilee
- 8A4C4B
≈ Lotus
- 446C3E
≈ Under the Radar
Complémentaire divisée +150° +210°
- 456090
Sea of Galilee
- 865231
≈ Charred Clay
- 626527
≈ Deathworld Forest
Tétradique +90° +180° +270°
- 456090
Sea of Galilee
- 844B66
≈ Damson
- 785B20
≈ Brassy Brass
- 1F705A
≈ Sparkling Emerald
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.30:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.32:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--sea-of-galilee: #456090;
--sea-of-galilee-rgb: 69 96 144;
--sea-of-galilee-oklch: oklch(0.49 0.084 261.4);
}
.element {
color: var(--sea-of-galilee);
background-color: hsl(218 35% 42%);
border-color: oklch(0.49 0.084 261.4);
}Tailwind CSS v4
@theme {
--color-sea-of-galilee: #456090;
--color-sea-of-galilee-50: #e9f6ff;
--color-sea-of-galilee-100: #d9e8ff;
--color-sea-of-galilee-200: #c2d5f9;
--color-sea-of-galilee-300: #a1b8e3;
--color-sea-of-galilee-400: #839fd1;
--color-sea-of-galilee-500: #6786be;
--color-sea-of-galilee-600: #5772a0;
--color-sea-of-galilee-700: #455b81;
--color-sea-of-galilee-800: #31435f;
--color-sea-of-galilee-900: #212e43;
--color-sea-of-galilee-950: #101b2b;
}SCSS
$sea-of-galilee: #456090;
$sea-of-galilee-rgb: 69, 96, 144;
$sea-of-galilee-light: mix(#fff, $sea-of-galilee, 20%);
$sea-of-galilee-dark: mix(#000, $sea-of-galilee, 20%);
.element {
color: $sea-of-galilee;
box-shadow: 0 0 0 2px rgba($sea-of-galilee, 0.35);
}