Nazwany kolor · #5588AB
Blueberry Muffin
Blueberry Muffin to #5588AB: rgb(85 136 171), hsl(204 34% 50%), oklch(0.605 0.077 239.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Blueberry Muffin color name →
#5588AB
oklch(0.605 0.077 239.7)
Konwersje koloru
- HEX
- #5588ab
- RGB
- rgb(85 136 171)
- HSL
- hsl(204 34% 50%)
- HWB
- hwb(204 33% 33%)
- OKLCH
- oklch(0.605 0.077 239.7)
- OKLab
- oklab(0.605 -0.039 -0.066)
- CIE Lab
- lab(54.17 -10.15 -24.25)
- LCH
- lch(54.17 26.29 247.3)
- CMYK
- cmyk(50% 20% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6694B3
- 779FBC
- 87ABC4
- 98B7CD
- A9C2D5
- BACEDD
- CBDAE6
- DCE7EE
- EEF3F7
Odcienie ciemniejsze
- 497594
- 3D637E
- 315268
- 264154
- 1C3140
- 11222D
- 08131B
- 02060B
- 000101
Tony
- 5A87A7
- 5F87A3
- 64869E
- 68859A
- 6D8496
- 718492
- 75838D
- 798289
- 7C8184
Harmonie kolorów
Komplementarna +180°
- 5588AB
Blueberry Muffin
- A47752
≈ Balthasar Gold
Analogowa -30° +30°
- 5588AB
Blueberry Muffin
- 438E9B
≈ Adrift
- 6F80B0
≈ Venture Violet
Triada +120° +240°
- 5588AB
Blueberry Muffin
- A86E80
≈ Black Elder
- 7C8953
≈ Field Maple
Komplementarna rozszczepiona +150° +210°
- 5588AB
Blueberry Muffin
- AB7067
≈ New England Brick
- 94804A
≈ Yellow Nile
Tetrada +90° +180° +270°
- 5588AB
Blueberry Muffin
- 9C7198
≈ Scotch Thistle
- A47752
≈ Balthasar Gold
- 608F69
≈ Stone Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.82:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.49:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--blueberry-muffin: #5588ab;
--blueberry-muffin-rgb: 85 136 171;
--blueberry-muffin-oklch: oklch(0.605 0.077 239.7);
}
.element {
color: var(--blueberry-muffin);
background-color: hsl(204 34% 50%);
border-color: oklch(0.605 0.077 239.7);
}Tailwind CSS v4
@theme {
--color-blueberry-muffin: #5588ab;
--color-blueberry-muffin-50: #e3f9ff;
--color-blueberry-muffin-100: #d2ecff;
--color-blueberry-muffin-200: #b8d9f3;
--color-blueberry-muffin-300: #95bddc;
--color-blueberry-muffin-400: #74a5c7;
--color-blueberry-muffin-500: #548db4;
--color-blueberry-muffin-600: #487798;
--color-blueberry-muffin-700: #39607a;
--color-blueberry-muffin-800: #27465a;
--color-blueberry-muffin-900: #1a313f;
--color-blueberry-muffin-950: #0b1d28;
}SCSS
$blueberry-muffin: #5588ab;
$blueberry-muffin-rgb: 85, 136, 171;
$blueberry-muffin-light: mix(#fff, $blueberry-muffin, 20%);
$blueberry-muffin-dark: mix(#000, $blueberry-muffin, 20%);
.element {
color: $blueberry-muffin;
box-shadow: 0 0 0 2px rgba($blueberry-muffin, 0.35);
}