Cor nomeada · #3E8FBC
Quiet Night
Quiet Night é #3E8FBC: rgb(62 143 188), hsl(201 50% 49%), oklch(0.619 0.104 236.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Quiet Night color name →
#3E8FBC
oklch(0.619 0.104 236.3)
Conversões de cor
- HEX
- #3e8fbc
- RGB
- rgb(62 143 188)
- HSL
- hsl(201 50% 49%)
- HWB
- hwb(201 24% 26%)
- OKLCH
- oklch(0.619 0.104 236.3)
- OKLab
- oklab(0.619 -0.058 -0.086)
- CIE Lab
- lab(55.9 -14.56 -31.36)
- LCH
- lch(55.9 34.57 245.1)
- CMYK
- cmyk(67% 24% 0% 26%)
Tons claros · Sombras · Tons
Tons claros
- 549AC3
- 69A5CA
- 7CB0D1
- 8FBCD8
- A2C7DE
- B4D2E5
- C7DDEC
- D9E8F2
- ECF4F9
Sombras
- 357CA3
- 2B698B
- 235773
- 1A455D
- 123447
- 0A2432
- 04151F
- 01070D
- 000102
Tons
- 488EB6
- 508DB0
- 588BAA
- 5F8AA4
- 65889E
- 6B8798
- 718592
- 76848C
- 7B8286
Harmonias de cor
Complementar +180°
- 3E8FBC
Quiet Night
- B57544
≈ Spice Cake
Análoga -30° +30°
- 3E8FBC
Quiet Night
- 0F97A5
≈ Tile Blue
- 6984C5
≈ Livid
Tríade +120° +240°
- 3E8FBC
Quiet Night
- B76A88
≈ Pink Hibiscus
- 838E40
≈ Komatsuna Green
Complementar dividida +150° +210°
- 3E8FBC
Quiet Night
- BC6C64
≈ Hacienda Tile
- A18133
≈ Cloisonné Gold
Tétrade +90° +180° +270°
- 3E8FBC
Quiet Night
- A66FA7
≈ Violet Femmes
- B57544
≈ Spice Cake
- 5A9760
≈ Wildness Mint
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.58:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.85:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.85:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--quiet-night: #3e8fbc;
--quiet-night-rgb: 62 143 188;
--quiet-night-oklch: oklch(0.619 0.104 236.3);
}
.element {
color: var(--quiet-night);
background-color: hsl(201 50% 49%);
border-color: oklch(0.619 0.104 236.3);
}Tailwind CSS v4
@theme {
--color-quiet-night: #3e8fbc;
--color-quiet-night-50: #dbfaff;
--color-quiet-night-100: #c9eeff;
--color-quiet-night-200: #abdbfc;
--color-quiet-night-300: #84bfe7;
--color-quiet-night-400: #5da8d4;
--color-quiet-night-500: #3290c1;
--color-quiet-night-600: #2c7aa3;
--color-quiet-night-700: #236183;
--color-quiet-night-800: #154861;
--color-quiet-night-900: #0e3244;
--color-quiet-night-950: #011e2c;
}SCSS
$quiet-night: #3e8fbc;
$quiet-night-rgb: 62, 143, 188;
$quiet-night-light: mix(#fff, $quiet-night, 20%);
$quiet-night-dark: mix(#000, $quiet-night, 20%);
.element {
color: $quiet-night;
box-shadow: 0 0 0 2px rgba($quiet-night, 0.35);
}