Nazwany kolor · #2266CC
Janitor
Janitor to #2266CC: rgb(34 102 204), hsl(216 71% 47%), oklch(0.527 0.172 259). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Janitor color name →
#2266CC
oklch(0.527 0.172 259)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3B76D2
- 5186D9
- 6695DE
- 7CA5E4
- 91B4E9
- A7C3EE
- BCD2F3
- D2E1F7
- E9F0FB
Odcienie ciemniejsze
- 1C58B1
- 164A97
- 113C7E
- 0B2F65
- 07234E
- 031737
- 010C22
- 00040F
- 000002
Tony
- 2F6AC5
- 3A6DBE
- 4471B7
- 4D74AF
- 5676A8
- 5F79A0
- 677B99
- 707D91
- 787E89
Harmonie kolorów
Komplementarna +180°
- 2266CC
Janitor
- 8C6200
≈ Rat Brown
Analogowa -30° +30°
- 2266CC
Janitor
- 00759A
≈ Pristine Seas
- 6B53C6
≈ Circumorbital Ring
Triada +120° +240°
- 2266CC
Janitor
- B93141
≈ Rust Effect
- 2C8000
≈ Napier Green
Komplementarna rozszczepiona +150° +210°
- 2266CC
Janitor
- A94C00
≈ Cinnamon Bun
- 716F00
≈ Bronze Yellow
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.46:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.84:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}