Cor nomeada · #3F5865
Stargazer
Stargazer é #3F5865: rgb(63 88 101), hsl(201 23% 32%), oklch(0.445 0.037 231.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Stargazer color name →
#3F5865
oklch(0.445 0.037 231.3)
Conversões de cor
- HEX
- #3f5865
- RGB
- rgb(63 88 101)
- HSL
- hsl(201 23% 32%)
- HWB
- hwb(201 25% 60%)
- OKLCH
- oklch(0.445 0.037 231.3)
- OKLab
- oklab(0.445 -0.023 -0.029)
- CIE Lab
- lab(35.77 -7.03 -10.72)
- LCH
- lch(35.77 12.82 236.7)
- CMYK
- cmyk(38% 13% 0% 60%)
Tons claros · Sombras · Tons
Tons claros
- 516773
- 627782
- 758791
- 8797A0
- 9AA8AF
- AEB9BF
- C2CACE
- D6DBDE
- EAEDEF
Sombras
- 354B57
- 2C3F49
- 23333C
- 1B282F
- 121D22
- 0A1217
- 04090C
- 010303
- 000000
Tons
- 465C68
- 4C606A
- 52646D
- 596870
- 5F6C73
- 667075
- 6C7478
- 73787B
- 797C7D
Harmonias de cor
Complementar +180°
- 3F5865
Stargazer
- 654E41
≈ Chocolate Coco
Análoga -30° +30°
- 3F5865
Stargazer
- 3B5A5C
≈ Otter Creek
- 495469
≈ Snoop
Tríade +120° +240°
- 3F5865
Stargazer
- 654C56
≈ Berry Wine
- 54563E
≈ Freshwater Marsh
Complementar dividida +150° +210°
- 3F5865
Stargazer
- 674C4B
≈ Congo Brown
- 5F523D
≈ Longboat
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.51:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.79:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--stargazer: #3f5865;
--stargazer-rgb: 63 88 101;
--stargazer-oklch: oklch(0.445 0.037 231.3);
}
.element {
color: var(--stargazer);
background-color: hsl(201 23% 32%);
border-color: oklch(0.445 0.037 231.3);
}Tailwind CSS v4
@theme {
--color-stargazer: #3f5865;
--color-stargazer-50: #ebf7fe;
--color-stargazer-100: #dceaf2;
--color-stargazer-200: #c6d7e2;
--color-stargazer-300: #a6bbc8;
--color-stargazer-400: #89a3b1;
--color-stargazer-500: #6e8b9b;
--color-stargazer-600: #5d7683;
--color-stargazer-700: #4a5e69;
--color-stargazer-800: #35454d;
--color-stargazer-900: #243035;
--color-stargazer-950: #131c20;
}SCSS
$stargazer: #3f5865;
$stargazer-rgb: 63, 88, 101;
$stargazer-light: mix(#fff, $stargazer, 20%);
$stargazer-dark: mix(#000, $stargazer, 20%);
.element {
color: $stargazer;
box-shadow: 0 0 0 2px rgba($stargazer, 0.35);
}