Cor nomeada · #B1D8DB
Timeless
Timeless é #B1D8DB: rgb(177 216 219), hsl(184 37% 78%), oklch(0.855 0.041 202.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Timeless color name →
#B1D8DB
oklch(0.855 0.041 202.2)
Conversões de cor
- HEX
- #b1d8db
- RGB
- rgb(177 216 219)
- HSL
- hsl(184 37% 78%)
- HWB
- hwb(184 69% 14%)
- OKLCH
- oklch(0.855 0.041 202.2)
- OKLab
- oklab(0.855 -0.038 -0.016)
- CIE Lab
- lab(83.6 -12.77 -5.96)
- LCH
- lch(83.6 14.1 205)
- CMYK
- cmyk(19% 1% 0% 14%)
Tons claros · Sombras · Tons
Tons claros
- B9DCDF
- C1E0E2
- C9E4E6
- D0E8E9
- D8EBED
- E0EFF1
- E8F3F4
- EFF7F8
- F7FBFB
Sombras
- 99BCBE
- 83A0A2
- 6C8587
- 576B6D
- 425354
- 2F3B3C
- 1C2526
- 0C1111
- 010202
Tons
- ACCFD2
- A7C6C8
- A2BDBF
- 9EB4B6
- 99ABAC
- 94A2A3
- 8F9A9A
- 8A9191
- 858889
Harmonias de cor
Complementar +180°
- B1D8DB
Timeless
- EAC6C3
≈ Snow Pink
Análoga -30° +30°
- B1D8DB
Timeless
- B5D9CC
≈ Gemini
- B6D5E6
≈ Lingerie Blue
Tríade +120° +240°
- B1D8DB
Timeless
- DDC7E0
≈ Grape Glimmer
- DDCDB2
≈ Cochise
Complementar dividida +150° +210°
- B1D8DB
Timeless
- E6C5D2
≈ Pretty Pale
- E6C9B7
≈ Galveston Tan
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.71:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.71:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--timeless: #b1d8db;
--timeless-rgb: 177 216 219;
--timeless-oklch: oklch(0.855 0.041 202.2);
}
.element {
color: var(--timeless);
background-color: hsl(184 37% 78%);
border-color: oklch(0.855 0.041 202.2);
}Tailwind CSS v4
@theme {
--color-timeless: #b1d8db;
--color-timeless-50: #e8f9fb;
--color-timeless-100: #d9ecee;
--color-timeless-200: #c1dadc;
--color-timeless-300: #a0bec1;
--color-timeless-400: #82a6a9;
--color-timeless-500: #668f92;
--color-timeless-600: #56797b;
--color-timeless-700: #456163;
--color-timeless-800: #314748;
--color-timeless-900: #223132;
--color-timeless-950: #111d1e;
}SCSS
$timeless: #b1d8db;
$timeless-rgb: 177, 216, 219;
$timeless-light: mix(#fff, $timeless, 20%);
$timeless-dark: mix(#000, $timeless, 20%);
.element {
color: $timeless;
box-shadow: 0 0 0 2px rgba($timeless, 0.35);
}