Cor nomeada mais próxima · #B8CEEB
#B8CEEB
Cor nomeada mais próxima: Maritime
#B8CEEB (rgb(184 206 235), hsl(214 56% 82%), oklch(0.844 0.047 255.4)) é mais próxima da cor nomeada Maritime. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B8CEEB
oklch(0.844 0.047 255.4)
Conversões de cor
- HEX
- #b8ceeb
- RGB
- rgb(184 206 235)
- HSL
- hsl(214 56% 82%)
- HWB
- hwb(214 72% 8%)
- OKLCH
- oklch(0.844 0.047 255.4)
- OKLab
- oklab(0.844 -0.012 -0.046)
- CIE Lab
- lab(81.81 -3.05 -17)
- LCH
- lch(81.81 17.28 259.8)
- CMYK
- cmyk(22% 12% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- BFD3ED
- C6D8EF
- CDDDF1
- D4E2F3
- DBE6F5
- E2EBF7
- E9F0F9
- F1F5FB
- F8FAFD
Sombras
- A0B3CC
- 8898AE
- 717F91
- 5B6675
- 454E5B
- 313841
- 1E2329
- 0C0F13
- 020203
Tons
- B2C6E0
- ADBED5
- A7B6CA
- A1AEBF
- 9CA6B4
- 969EAA
- 91979F
- 8B8F95
- 85888A
Harmonias de cor
Complementar +180°
- B8CEEB
Maritime
- DEC8AA
≈ Czech Bakery
Análoga -30° +30°
- B8CEEB
Maritime
- ACD3E4
≈ Light Bobby Blue
- C8C8EA
≈ Powdered Granite
Tríade +120° +240°
- B8CEEB
Maritime
- E9C0C2
≈ Baby’s Booties
- BFD3B5
≈ Nature
Complementar dividida +150° +210°
- B8CEEB
Maritime
- E7C3B3
≈ Antoinette Pink
- D0CEAB
≈ Hybrid
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.06:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--maritime: #b8ceeb;
--maritime-rgb: 184 206 235;
--maritime-oklch: oklch(0.844 0.047 255.4);
}
.element {
color: var(--maritime);
background-color: hsl(214 56% 82%);
border-color: oklch(0.844 0.047 255.4);
}Tailwind CSS v4
@theme {
--color-maritime: #b8ceeb;
--color-maritime-50: #edf6ff;
--color-maritime-100: #dee9f8;
--color-maritime-200: #c8d5e9;
--color-maritime-300: #a9b9d0;
--color-maritime-400: #8ca0ba;
--color-maritime-500: #7288a6;
--color-maritime-600: #60738c;
--color-maritime-700: #4d5c70;
--color-maritime-800: #374453;
--color-maritime-900: #262f3a;
--color-maritime-950: #141b24;
}SCSS
$maritime: #b8ceeb;
$maritime-rgb: 184, 206, 235;
$maritime-light: mix(#fff, $maritime, 20%);
$maritime-dark: mix(#000, $maritime, 20%);
.element {
color: $maritime;
box-shadow: 0 0 0 2px rgba($maritime, 0.35);
}