Cor nomeada mais próxima · #5D8DDC
#5D8DDC
Cor nomeada mais próxima: Blue Jay
#5D8DDC (rgb(93 141 220), hsl(217 64% 61%), oklch(0.645 0.13 259.9)) é mais próxima da cor nomeada Blue Jay. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#5D8DDC
oklch(0.645 0.13 259.9)
Conversões de cor
- HEX
- #5d8ddc
- RGB
- rgb(93 141 220)
- HSL
- hsl(217 64% 61%)
- HWB
- hwb(217 36% 14%)
- OKLCH
- oklch(0.645 0.13 259.9)
- OKLab
- oklab(0.645 -0.023 -0.128)
- CIE Lab
- lab(57.91 1.39 -46.04)
- LCH
- lch(57.91 46.06 271.7)
- CMYK
- cmyk(58% 36% 0% 14%)
Tons claros · Sombras · Tons
Tons claros
- 6D99E0
- 7DA4E4
- 8DB0E8
- 9CBBEC
- ADC6F0
- BDD2F3
- CDDDF6
- DEE8F9
- EEF4FC
Sombras
- 507ABF
- 4367A3
- 375588
- 2A446E
- 1F3354
- 14233C
- 0A1426
- 030711
- 000102
Tons
- 618CD3
- 658BCA
- 698AC1
- 6C89B8
- 7088AF
- 7386A5
- 77859C
- 7A8393
- 7D8289
Harmonias de cor
Complementar +180°
- 5D8DDC
Blue Jay
- B78310
≈ Letter Jacket
Análoga -30° +30°
- 5D8DDC
Blue Jay
- 009BCC
≈ Tomb Blue
- 8D7ED7
≈ Indigo Bloom
Tríade +120° +240°
- 5D8DDC
Blue Jay
- D16A6C
≈ Lippie
- 60A051
≈ Muted Green
Complementar dividida +150° +210°
- 5D8DDC
Blue Jay
- CB733E
≈ Garnet Sand
- 939421
≈ Turtle Moss
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.32:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.30:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--blue-jay: #5d8ddc;
--blue-jay-rgb: 93 141 220;
--blue-jay-oklch: oklch(0.645 0.13 259.9);
}
.element {
color: var(--blue-jay);
background-color: hsl(217 64% 61%);
border-color: oklch(0.645 0.13 259.9);
}Tailwind CSS v4
@theme {
--color-blue-jay: #5d8ddc;
--color-blue-jay-50: #e1f6ff;
--color-blue-jay-100: #d0e9ff;
--color-blue-jay-200: #b6d5ff;
--color-blue-jay-300: #93b8fa;
--color-blue-jay-400: #709feb;
--color-blue-jay-500: #5085db;
--color-blue-jay-600: #4570b9;
--color-blue-jay-700: #365a95;
--color-blue-jay-800: #24426f;
--color-blue-jay-900: #182e4e;
--color-blue-jay-950: #091a34;
}SCSS
$blue-jay: #5d8ddc;
$blue-jay-rgb: 93, 141, 220;
$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);
}