Benoemde kleur · #445A79
Newburyport
Newburyport is #445A79: rgb(68 90 121), hsl(215 28% 37%), oklch(0.463 0.058 257). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Newburyport color name →
#445A79
oklch(0.463 0.058 257)
Kleurconversies
- HEX
- #445a79
- RGB
- rgb(68 90 121)
- HSL
- hsl(215 28% 37%)
- HWB
- hwb(215 27% 53%)
- OKLCH
- oklch(0.463 0.058 257)
- OKLab
- oklab(0.463 -0.013 -0.056)
- CIE Lab
- lab(37.44 -1.9 -20.48)
- LCH
- lch(37.44 20.56 264.7)
- CMYK
- cmyk(44% 26% 0% 53%)
Tinten · Schaduwen · Tonen
Tinten
- 556986
- 667993
- 7889A0
- 8A99AD
- 9DA9BB
- B0BAC8
- C3CBD6
- D7DCE3
- EBEDF1
Schaduwen
- 3A4D68
- 304158
- 263548
- 1D2939
- 141E2B
- 0C131D
- 050910
- 020305
- 000001
Tonen
- 4A5E7A
- 50627B
- 56667C
- 5C697C
- 626D7D
- 68717E
- 6E757E
- 74787F
- 7A7C80
Kleurharmonieën
Complementair +180°
- 445A79
Newburyport
- 6B5533
≈ Ancient Olive
Analoog -30° +30°
- 445A79
Newburyport
- 335F72
≈ Deep Twilight Blue
- 565478
≈ Deep Orchid
Triadisch +120° +240°
- 445A79
Newburyport
- 764C4D
≈ Madder
- 4A6140
≈ Acacia Green
Gesplitst complementair +150° +210°
- 445A79
Newburyport
- 744F3D
≈ Friar’s Brown
- 5C5B34
≈ Base Camp
Tetradisch +90° +180° +270°
- 445A79
Newburyport
- 714C5F
≈ Prussian Plum
- 6B5533
≈ Ancient Olive
- 376352
≈ Shadow Pine
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.03:1 · APCA Lc 84
Ag
FailOp zwart
WCAG 2.98:1 · APCA Lc 18
Beste tekstkleur: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--newburyport: #445a79;
--newburyport-rgb: 68 90 121;
--newburyport-oklch: oklch(0.463 0.058 257);
}
.element {
color: var(--newburyport);
background-color: hsl(215 28% 37%);
border-color: oklch(0.463 0.058 257);
}Tailwind CSS v4
@theme {
--color-newburyport: #445a79;
--color-newburyport-50: #ebf6ff;
--color-newburyport-100: #dde9fc;
--color-newburyport-200: #c6d5ed;
--color-newburyport-300: #a6b9d5;
--color-newburyport-400: #89a0c1;
--color-newburyport-500: #6e88ac;
--color-newburyport-600: #5d7392;
--color-newburyport-700: #4a5c75;
--color-newburyport-800: #354356;
--color-newburyport-900: #242f3c;
--color-newburyport-950: #131b26;
}SCSS
$newburyport: #445a79;
$newburyport-rgb: 68, 90, 121;
$newburyport-light: mix(#fff, $newburyport, 20%);
$newburyport-dark: mix(#000, $newburyport, 20%);
.element {
color: $newburyport;
box-shadow: 0 0 0 2px rgba($newburyport, 0.35);
}