Named color · #2266CC
Janitor
Janitor is #2266CC: rgb(34 102 204), hsl(216 71% 47%), oklch(0.527 0.172 259). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Janitor color name →
#2266CC
oklch(0.527 0.172 259)
Color conversions
- HEX
- #2266cc
- RGB
- rgb(34 102 204)
- HSL
- hsl(216 71% 47%)
- HWB
- hwb(216 13% 20%)
- OKLCH
- oklch(0.527 0.172 259)
- OKLab
- oklab(0.527 -0.033 -0.169)
- CIE Lab
- lab(43.57 8.84 -60.01)
- LCH
- lch(43.57 60.66 278.4)
- CMYK
- cmyk(83% 50% 0% 20%)
Tints · Shades · Tones
Tints
- 3B76D2
- 5186D9
- 6695DE
- 7CA5E4
- 91B4E9
- A7C3EE
- BCD2F3
- D2E1F7
- E9F0FB
Shades
- 1C58B1
- 164A97
- 113C7E
- 0B2F65
- 07234E
- 031737
- 010C22
- 00040F
- 000002
Tones
- 2F6AC5
- 3A6DBE
- 4471B7
- 4D74AF
- 5676A8
- 5F79A0
- 677B99
- 707D91
- 787E89
Color harmonies
Complementary +180°
- 2266CC
Janitor
- 8C6200
≈ Rat Brown
Analogous -30° +30°
- 2266CC
Janitor
- 00759A
≈ Pristine Seas
- 6B53C6
≈ Circumorbital Ring
Triadic +120° +240°
- 2266CC
Janitor
- B93141
≈ Rust Effect
- 2C8000
≈ Napier Green
Split-complementary +150° +210°
- 2266CC
Janitor
- A94C00
≈ Cinnamon Bun
- 716F00
≈ Bronze Yellow
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.46:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.84:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--janitor: #2266cc;
--janitor-rgb: 34 102 204;
--janitor-oklch: oklch(0.527 0.172 259);
}
.element {
color: var(--janitor);
background-color: hsl(216 71% 47%);
border-color: oklch(0.527 0.172 259);
}Tailwind CSS v4
@theme {
--color-janitor: #2266cc;
--color-janitor-50: #daf7ff;
--color-janitor-100: #c8e9ff;
--color-janitor-200: #aad5ff;
--color-janitor-300: #84b7ff;
--color-janitor-400: #5c9dff;
--color-janitor-500: #3581f6;
--color-janitor-600: #2f6ecf;
--color-janitor-700: #2558a6;
--color-janitor-800: #14417c;
--color-janitor-900: #0d2d58;
--color-janitor-950: #02193c;
}SCSS
$janitor: #2266cc;
$janitor-rgb: 34, 102, 204;
$janitor-light: mix(#fff, $janitor, 20%);
$janitor-dark: mix(#000, $janitor, 20%);
.element {
color: $janitor;
box-shadow: 0 0 0 2px rgba($janitor, 0.35);
}