Cor nomeada · #B9D4E7
Light Sea Cliff
Light Sea Cliff é #B9D4E7: rgb(185 212 231), hsl(205 49% 82%), oklch(0.856 0.039 238.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Light Sea Cliff color name →
#B9D4E7
oklch(0.856 0.039 238.6)
Conversões de cor
- HEX
- #b9d4e7
- RGB
- rgb(185 212 231)
- HSL
- hsl(205 49% 82%)
- HWB
- hwb(205 73% 9%)
- OKLCH
- oklch(0.856 0.039 238.6)
- OKLab
- oklab(0.856 -0.02 -0.033)
- CIE Lab
- lab(83.36 -6.33 -12.58)
- LCH
- lch(83.36 14.08 243.3)
- CMYK
- cmyk(20% 8% 0% 9%)
Tons claros · Sombras · Tons
Tons claros
- C0D8E9
- C7DDEC
- CEE1EE
- D5E5F1
- DCE9F3
- E3EEF6
- EAF2F8
- F1F6FA
- F8FBFD
Sombras
- A0B8C9
- 899DAB
- 71838F
- 5B6973
- 465159
- 313A40
- 1E2428
- 0D1013
- 020203
Tons
- B3CBDC
- ADC3D2
- A8BAC7
- A2B2BD
- 9CA9B2
- 97A1A8
- 91989E
- 8B9094
- 86888A
Harmonias de cor
Complementar +180°
- B9D4E7
Light Sea Cliff
- E4CAB7
≈ Geyser Basin
Análoga -30° +30°
- B9D4E7
Light Sea Cliff
- B3D7DD
≈ Needed Escape
- C5CFEA
≈ Purple Pj’s
Tríade +120° +240°
- B9D4E7
Light Sea Cliff
- E7C6CF
≈ Light Blush
- CDD4B7
≈ Aloe Wash
Complementar dividida +150° +210°
- B9D4E7
Light Sea Cliff
- E8C7C1
≈ Iced Cherry
- DACFB3
≈ Lake Bluff Putty
Tétrade +90° +180° +270°
- B9D4E7
Light Sea Cliff
- DFC7DD
≈ Decadial Pink
- E4CAB7
≈ Geyser Basin
- BFD7C2
≈ Namaste
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.63:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--light-sea-cliff: #b9d4e7;
--light-sea-cliff-rgb: 185 212 231;
--light-sea-cliff-oklch: oklch(0.856 0.039 238.6);
}
.element {
color: var(--light-sea-cliff);
background-color: hsl(205 49% 82%);
border-color: oklch(0.856 0.039 238.6);
}Tailwind CSS v4
@theme {
--color-light-sea-cliff: #b9d4e7;
--color-light-sea-cliff-50: #ecf7ff;
--color-light-sea-cliff-100: #ddeaf4;
--color-light-sea-cliff-200: #c6d7e4;
--color-light-sea-cliff-300: #a6bbca;
--color-light-sea-cliff-400: #8aa2b3;
--color-light-sea-cliff-500: #6e8a9e;
--color-light-sea-cliff-600: #5e7585;
--color-light-sea-cliff-700: #4b5e6b;
--color-light-sea-cliff-800: #36454e;
--color-light-sea-cliff-900: #252f37;
--color-light-sea-cliff-950: #131c21;
}SCSS
$light-sea-cliff: #b9d4e7;
$light-sea-cliff-rgb: 185, 212, 231;
$light-sea-cliff-light: mix(#fff, $light-sea-cliff, 20%);
$light-sea-cliff-dark: mix(#000, $light-sea-cliff, 20%);
.element {
color: $light-sea-cliff;
box-shadow: 0 0 0 2px rgba($light-sea-cliff, 0.35);
}