Dichtstbijzijnde benoemde kleur · #3E659B
#3E659B
Dichtstbijzijnde benoemde kleur: Sea of Galilee
#3E659B (rgb(62 101 155), hsl(215 43% 43%), oklch(0.503 0.097 256.8)) komt het dichtst bij de benoemde kleur Sea of Galilee. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#3E659B
oklch(0.503 0.097 256.8)
Kleurconversies
- HEX
- #3e659b
- RGB
- rgb(62 101 155)
- HSL
- hsl(215 43% 43%)
- HWB
- hwb(215 24% 39%)
- OKLCH
- oklch(0.503 0.097 256.8)
- OKLab
- oklab(0.503 -0.022 -0.095)
- CIE Lab
- lab(41.83 -1 -34.16)
- LCH
- lch(41.83 34.17 268.3)
- CMYK
- cmyk(60% 35% 0% 39%)
Tinten · Schaduwen · Tonen
Tinten
- 5074A5
- 6383AF
- 7592BA
- 88A1C4
- 9BB0CE
- AEC0D8
- C2CFE2
- D6DFEB
- EAEFF5
Schaduwen
- 355786
- 2B4972
- 233C5E
- 1A2F4B
- 122239
- 0A1728
- 040C18
- 010309
- 000001
Tonen
- 456899
- 4C6B96
- 536E94
- 597191
- 60738F
- 66768C
- 6D7989
- 737B86
- 7A7E83
Kleurharmonieën
Complementair +180°
- 3E659B
Sea of Galilee
- 835C14
≈ Soil of Avagddu
Analoog -30° +30°
- 3E659B
Sea of Galilee
- 006E8F
≈ Seaport
- 615B99
≈ Old Nan Yarn
Triadisch +120° +240°
- 3E659B
Sea of Galilee
- 944B50
≈ Muted Red
- 497137
≈ Botanical
Gesplitst complementair +150° +210°
- 3E659B
Sea of Galilee
- 915130
≈ Khaki Brown
- 6B6718
≈ Earthy Khaki Green
Tetradisch +90° +180° +270°
- 3E659B
Sea of Galilee
- 8C4C6F
≈ Goddess of Dawn
- 835C14
≈ Soil of Avagddu
- 147558
≈ Green Velvet
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.93:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.53:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--sea-of-galilee: #3e659b;
--sea-of-galilee-rgb: 62 101 155;
--sea-of-galilee-oklch: oklch(0.503 0.097 256.8);
}
.element {
color: var(--sea-of-galilee);
background-color: hsl(215 43% 43%);
border-color: oklch(0.503 0.097 256.8);
}Tailwind CSS v4
@theme {
--color-sea-of-galilee: #3e659b;
--color-sea-of-galilee-50: #e5f7ff;
--color-sea-of-galilee-100: #d5e9ff;
--color-sea-of-galilee-200: #bbd6ff;
--color-sea-of-galilee-300: #99b9ea;
--color-sea-of-galilee-400: #79a0d8;
--color-sea-of-galilee-500: #5b88c6;
--color-sea-of-galilee-600: #4d73a7;
--color-sea-of-galilee-700: #3d5c86;
--color-sea-of-galilee-800: #2a4463;
--color-sea-of-galilee-900: #1c2f46;
--color-sea-of-galilee-950: #0d1b2d;
}SCSS
$sea-of-galilee: #3e659b;
$sea-of-galilee-rgb: 62, 101, 155;
$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);
}