Nazwany kolor · #84A5DC
Blue Cue
Blue Cue to #84A5DC: rgb(132 165 220), hsl(218 56% 69%), oklch(0.718 0.089 260.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Blue Cue color name →
#84A5DC
oklch(0.718 0.089 260.4)
Konwersje koloru
- HEX
- #84a5dc
- RGB
- rgb(132 165 220)
- HSL
- hsl(218 56% 69%)
- HWB
- hwb(218 52% 14%)
- OKLCH
- oklch(0.718 0.089 260.4)
- OKLab
- oklab(0.718 -0.015 -0.087)
- CIE Lab
- lab(66.86 -1.19 -31.93)
- LCH
- lch(66.86 31.96 267.9)
- CMYK
- cmyk(40% 25% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 90AEE0
- 9CB7E4
- A8C0E7
- B4C9EB
- C0D2EF
- CDDBF2
- D9E4F5
- E6EDF9
- F2F6FC
Odcienie ciemniejsze
- 728FBF
- 6079A3
- 4F6588
- 3F516E
- 2F3D54
- 202B3C
- 121A26
- 060A11
- 010102
Tony
- 84A1D3
- 849EC9
- 839AC0
- 8396B7
- 8393AE
- 828FA5
- 828B9B
- 818892
- 818489
Harmonie kolorów
Komplementarna +180°
- 84A5DC
Blue Cue
- C19E62
≈ Gold Spell
Analogowa -30° +30°
- 84A5DC
Blue Cue
- 66AFD1
≈ Imrik Blue
- A39BD8
≈ Simply Violet
Triada +120° +240°
- 84A5DC
Blue Cue
- D68E8D
≈ Pink Slip
- 86B27D
≈ Hakusai Green
Komplementarna rozszczepiona +150° +210°
- 84A5DC
Blue Cue
- D19471
≈ Tawny Amber
- A7A967
≈ Elf Slippers
Tetrada +90° +180° +270°
- 84A5DC
Blue Cue
- CF8DAB
≈ Kiss
- C19E62
≈ Gold Spell
- 66B69C
≈ Sainsbury
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.50:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.39:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--blue-cue: #84a5dc;
--blue-cue-rgb: 132 165 220;
--blue-cue-oklch: oklch(0.718 0.089 260.4);
}
.element {
color: var(--blue-cue);
background-color: hsl(218 56% 69%);
border-color: oklch(0.718 0.089 260.4);
}Tailwind CSS v4
@theme {
--color-blue-cue: #84a5dc;
--color-blue-cue-50: #e8f6ff;
--color-blue-cue-100: #d8e9ff;
--color-blue-cue-200: #c0d5fb;
--color-blue-cue-300: #9fb8e6;
--color-blue-cue-400: #809fd3;
--color-blue-cue-500: #6486c1;
--color-blue-cue-600: #5572a3;
--color-blue-cue-700: #435b83;
--color-blue-cue-800: #2f4361;
--color-blue-cue-900: #202e44;
--color-blue-cue-950: #0f1b2c;
}SCSS
$blue-cue: #84a5dc;
$blue-cue-rgb: 132, 165, 220;
$blue-cue-light: mix(#fff, $blue-cue, 20%);
$blue-cue-dark: mix(#000, $blue-cue, 20%);
.element {
color: $blue-cue;
box-shadow: 0 0 0 2px rgba($blue-cue, 0.35);
}