Cor nomeada · #899BB8
Forever Blue
Forever Blue é #899BB8: rgb(137 155 184), hsl(217 25% 63%), oklch(0.685 0.048 259.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Forever Blue color name →
#899BB8
oklch(0.685 0.048 259.9)
Conversões de cor
- HEX
- #899bb8
- RGB
- rgb(137 155 184)
- HSL
- hsl(217 25% 63%)
- HWB
- hwb(217 54% 28%)
- OKLCH
- oklch(0.685 0.048 259.9)
- OKLab
- oklab(0.685 -0.008 -0.047)
- CIE Lab
- lab(63.32 -1.62 -17.37)
- LCH
- lch(63.32 17.44 264.7)
- CMYK
- cmyk(26% 16% 0% 28%)
Tons claros · Sombras · Tons
Tons claros
- 94A5BF
- A0AEC6
- ABB8CD
- B7C2D4
- C3CCDB
- CED6E2
- DAE0EA
- E6EAF1
- F3F5F8
Sombras
- 7686A0
- 647288
- 535E71
- 424B5B
- 313945
- 222831
- 14181E
- 07090C
- 010102
Tons
- 8898B2
- 8796AD
- 8693A7
- 8690A1
- 858E9C
- 848B96
- 838891
- 82858B
- 818386
Harmonias de cor
Complementar +180°
- 899BB8
Forever Blue
- AA9779
≈ Croque Monsieur
Análoga -30° +30°
- 899BB8
Forever Blue
- 7CA0B2
≈ Blue Cascade
- 9995B6
≈ Tusi Grey
Tríade +120° +240°
- 899BB8
Forever Blue
- B68F8E
≈ Brandy Snaps
- 8BA286
≈ Gallery Green
Complementar dividida +150° +210°
- 899BB8
Forever Blue
- B39280
≈ Changing Seasons
- 9B9D7B
≈ Bonsai Garden
Tétrade +90° +180° +270°
- 899BB8
Forever Blue
- B28E9E
≈ Mauve Shadows
- AA9779
≈ Croque Monsieur
- 7DA495
≈ Verdigreen
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.82:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.44:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--forever-blue: #899bb8;
--forever-blue-rgb: 137 155 184;
--forever-blue-oklch: oklch(0.685 0.048 259.9);
}
.element {
color: var(--forever-blue);
background-color: hsl(217 25% 63%);
border-color: oklch(0.685 0.048 259.9);
}Tailwind CSS v4
@theme {
--color-forever-blue: #899bb8;
--color-forever-blue-50: #eef6ff;
--color-forever-blue-100: #dfe8f8;
--color-forever-blue-200: #c9d5e9;
--color-forever-blue-300: #aab8d0;
--color-forever-blue-400: #8e9fbb;
--color-forever-blue-500: #7487a6;
--color-forever-blue-600: #62728c;
--color-forever-blue-700: #4e5b71;
--color-forever-blue-800: #384353;
--color-forever-blue-900: #262e3a;
--color-forever-blue-950: #151b24;
}SCSS
$forever-blue: #899bb8;
$forever-blue-rgb: 137, 155, 184;
$forever-blue-light: mix(#fff, $forever-blue, 20%);
$forever-blue-dark: mix(#000, $forever-blue, 20%);
.element {
color: $forever-blue;
box-shadow: 0 0 0 2px rgba($forever-blue, 0.35);
}