Dichtstbijzijnde benoemde kleur · #56779B
#56779B
Dichtstbijzijnde benoemde kleur: Quiet Harbour
#56779B (rgb(86 119 155), hsl(211 29% 47%), oklch(0.559 0.068 251.2)) komt het dichtst bij de benoemde kleur Quiet Harbour. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#56779B
oklch(0.559 0.068 251.2)
Kleurconversies
- HEX
- #56779b
- RGB
- rgb(86 119 155)
- HSL
- hsl(211 29% 47%)
- HWB
- hwb(211 34% 39%)
- OKLCH
- oklch(0.559 0.068 251.2)
- OKLab
- oklab(0.559 -0.022 -0.064)
- CIE Lab
- lab(48.61 -4.6 -23.51)
- LCH
- lch(48.61 23.96 258.9)
- CMYK
- cmyk(45% 23% 0% 39%)
Tinten · Schaduwen · Tonen
Tinten
- 6684A5
- 7691AF
- 869EB9
- 97ACC3
- A8B9CD
- B9C7D7
- CAD5E1
- DBE3EB
- EDF1F5
Schaduwen
- 4A6786
- 3E5772
- 32475E
- 27384B
- 1C2A39
- 121C28
- 081018
- 020509
- 000101
Tonen
- 5A7898
- 5F7996
- 637A93
- 677B91
- 6C7C8E
- 707D8B
- 747E89
- 787E86
- 7C7F83
Kleurharmonieën
Complementair +180°
- 56779B
Quiet Harbour
- 8D6D47
≈ Grecian Helmet
Analoog -30° +30°
- 56779B
Quiet Harbour
- 437D90
≈ Aristocratic
- 6D709B
≈ Hyacinth Mauve
Triadisch +120° +240°
- 56779B
Quiet Harbour
- 97636A
≈ Soft Bromeliad
- 667D52
≈ Mint Leaves
Gesplitst complementair +150° +210°
- 56779B
Quiet Harbour
- 976755
≈ Bucking Bronco
- 7C7645
≈ Steppe Green
Tetradisch +90° +180° +270°
- 56779B
Quiet Harbour
- 906480
≈ Victorian Plum
- 8D6D47
≈ Grecian Helmet
- 4E8167
≈ Sports Field Green
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.65:1 · APCA Lc 72
Ag
AAOp zwart
WCAG 4.50:1 · APCA Lc 29
Beste tekstkleur: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--quiet-harbour: #56779b;
--quiet-harbour-rgb: 86 119 155;
--quiet-harbour-oklch: oklch(0.559 0.068 251.2);
}
.element {
color: var(--quiet-harbour);
background-color: hsl(211 29% 47%);
border-color: oklch(0.559 0.068 251.2);
}Tailwind CSS v4
@theme {
--color-quiet-harbour: #56779b;
--color-quiet-harbour-50: #e8f7ff;
--color-quiet-harbour-100: #d9eaff;
--color-quiet-harbour-200: #c0d7f1;
--color-quiet-harbour-300: #9fbada;
--color-quiet-harbour-400: #81a2c6;
--color-quiet-harbour-500: #6489b2;
--color-quiet-harbour-600: #557496;
--color-quiet-harbour-700: #445d79;
--color-quiet-harbour-800: #304459;
--color-quiet-harbour-900: #202f3e;
--color-quiet-harbour-950: #101c27;
}SCSS
$quiet-harbour: #56779b;
$quiet-harbour-rgb: 86, 119, 155;
$quiet-harbour-light: mix(#fff, $quiet-harbour, 20%);
$quiet-harbour-dark: mix(#000, $quiet-harbour, 20%);
.element {
color: $quiet-harbour;
box-shadow: 0 0 0 2px rgba($quiet-harbour, 0.35);
}