Nazwany kolor · #5588DD
Blue Jay
Blue Jay to #5588DD: rgb(85 136 221), hsl(218 67% 60%), oklch(0.631 0.14 260.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Blue Jay color name →
#5588DD
oklch(0.631 0.14 260.1)
Konwersje koloru
- HEX
- #5588dd
- RGB
- rgb(85 136 221)
- HSL
- hsl(218 67% 60%)
- HWB
- hwb(218 33% 13%)
- OKLCH
- oklch(0.631 0.14 260.1)
- OKLab
- oklab(0.631 -0.024 -0.138)
- CIE Lab
- lab(56.14 2.63 -49.42)
- LCH
- lch(56.14 49.49 273)
- CMYK
- cmyk(62% 38% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6694E1
- 76A0E5
- 87ACE9
- 98B8ED
- A9C4F1
- BAD0F4
- CBDCF7
- DCE7FA
- EDF3FD
Odcienie ciemniejsze
- 4975C0
- 3D63A4
- 315288
- 26416E
- 1C3155
- 11223D
- 081326
- 020611
- 000102
Tony
- 5A88D4
- 5F87CB
- 6387C2
- 6886B8
- 6C86AF
- 7085A6
- 74849D
- 788393
- 7C818A
Harmonie kolorów
Komplementarna +180°
- 5588DD
Blue Jay
- B27F00
≈ Murder Mustard
Analogowa -30° +30°
- 5588DD
Blue Jay
- 0096C6
≈ UV Light
- 8978D7
≈ Matt Purple
Triada +120° +240°
- 5588DD
Blue Jay
- D06265
≈ Italiano Rose
- 579D48
≈ Golf Course
Komplementarna rozszczepiona +150° +210°
- 5588DD
Blue Jay
- CB6C30
≈ Hot Caramel
- 8F9000
≈ Old Asparagus
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.52:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.95:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--blue-jay: #5588dd;
--blue-jay-rgb: 85 136 221;
--blue-jay-oklch: oklch(0.631 0.14 260.1);
}
.element {
color: var(--blue-jay);
background-color: hsl(218 67% 60%);
border-color: oklch(0.631 0.14 260.1);
}Tailwind CSS v4
@theme {
--color-blue-jay: #5588dd;
--color-blue-jay-50: #e0f6ff;
--color-blue-jay-100: #cfe9ff;
--color-blue-jay-200: #b4d5ff;
--color-blue-jay-300: #90b7ff;
--color-blue-jay-400: #6c9ef0;
--color-blue-jay-500: #4c84e1;
--color-blue-jay-600: #4170be;
--color-blue-jay-700: #335999;
--color-blue-jay-800: #214272;
--color-blue-jay-900: #162e50;
--color-blue-jay-950: #071a36;
}SCSS
$blue-jay: #5588dd;
$blue-jay-rgb: 85, 136, 221;
$blue-jay-light: mix(#fff, $blue-jay, 20%);
$blue-jay-dark: mix(#000, $blue-jay, 20%);
.element {
color: $blue-jay;
box-shadow: 0 0 0 2px rgba($blue-jay, 0.35);
}