Nazwany kolor · #475F94
Last Light Blue
Last Light Blue to #475F94: rgb(71 95 148), hsl(221 35% 43%), oklch(0.491 0.09 264.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Last Light Blue color name →
#475F94
oklch(0.491 0.09 264.8)
Konwersje koloru
- HEX
- #475f94
- RGB
- rgb(71 95 148)
- HSL
- hsl(221 35% 43%)
- HWB
- hwb(221 28% 42%)
- OKLCH
- oklch(0.491 0.09 264.8)
- OKLab
- oklab(0.491 -0.008 -0.09)
- CIE Lab
- lab(40.25 2.89 -32.42)
- LCH
- lch(40.25 32.55 275.1)
- CMYK
- cmyk(52% 36% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 586E9F
- 697EAA
- 7A8DB4
- 8C9DBF
- 9FADCA
- B1BDD5
- C4CDDF
- D7DEEA
- EBEEF4
Odcienie ciemniejsze
- 3D5280
- 32446D
- 28385A
- 1F2C48
- 162036
- 0D1526
- 060A16
- 020308
- 000001
Tony
- 4D6392
- 526691
- 586A8F
- 5E6D8D
- 63708B
- 697389
- 6F7787
- 747A85
- 7A7D82
Harmonie kolorów
Komplementarna +180°
- 475F94
Last Light Blue
- 785C18
≈ Hot Mustard
Analogowa -30° +30°
- 475F94
Last Light Blue
- 1F688C
≈ Bondi
- 64568E
≈ Butterfly Bush
Triada +120° +240°
- 475F94
Last Light Blue
- 8D4B46
≈ Rojo Oxide
- 3E6E3F
≈ Mount Hyjal
Komplementarna rozszczepiona +150° +210°
- 475F94
Last Light Blue
- 88512A
≈ Plane Brown
- 5F6623
≈ Deathworld Forest
Tetrada +90° +180° +270°
- 475F94
Last Light Blue
- 884A63
≈ Violet Quartz
- 785C18
≈ Hot Mustard
- 0A715D
≈ Falcon Turquoise
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.30:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.33:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--last-light-blue: #475f94;
--last-light-blue-rgb: 71 95 148;
--last-light-blue-oklch: oklch(0.491 0.09 264.8);
}
.element {
color: var(--last-light-blue);
background-color: hsl(221 35% 43%);
border-color: oklch(0.491 0.09 264.8);
}Tailwind CSS v4
@theme {
--color-last-light-blue: #475f94;
--color-last-light-blue-50: #e9f5ff;
--color-last-light-blue-100: #dae8ff;
--color-last-light-blue-200: #c3d4fc;
--color-last-light-blue-300: #a2b7e7;
--color-last-light-blue-400: #849ed4;
--color-last-light-blue-500: #6885c2;
--color-last-light-blue-600: #5970a4;
--color-last-light-blue-700: #475a84;
--color-last-light-blue-800: #324262;
--color-last-light-blue-900: #222e45;
--color-last-light-blue-950: #111a2c;
}SCSS
$last-light-blue: #475f94;
$last-light-blue-rgb: 71, 95, 148;
$last-light-blue-light: mix(#fff, $last-light-blue, 20%);
$last-light-blue-dark: mix(#000, $last-light-blue, 20%);
.element {
color: $last-light-blue;
box-shadow: 0 0 0 2px rgba($last-light-blue, 0.35);
}