Cor nomeada · #B2C4CD
Blue Luna
Blue Luna é #B2C4CD: rgb(178 196 205), hsl(200 21% 75%), oklch(0.809 0.023 229.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Blue Luna color name →
#B2C4CD
oklch(0.809 0.023 229.2)
Conversões de cor
- HEX
- #b2c4cd
- RGB
- rgb(178 196 205)
- HSL
- hsl(200 21% 75%)
- HWB
- hwb(200 70% 20%)
- OKLCH
- oklch(0.809 0.023 229.2)
- OKLab
- oklab(0.809 -0.015 -0.018)
- CIE Lab
- lab(77.98 -4.99 -6.73)
- LCH
- lch(77.98 8.38 233.4)
- CMYK
- cmyk(13% 4% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- BACAD2
- C1D0D7
- C9D5DC
- D0DBE1
- D8E1E6
- E0E7EB
- E8EDF0
- EFF3F5
- F7F9FA
Sombras
- 9AAAB2
- 839198
- 6D787E
- 576166
- 434A4E
- 2F3538
- 1D2123
- 0C0E0F
- 010202
Tons
- ADBDC5
- A8B6BD
- A3AFB5
- 9EA8AD
- 99A1A6
- 949B9E
- 8F9496
- 8A8D8F
- 858787
Harmonias de cor
Complementar +180°
- B2C4CD
Blue Luna
- CEBDB4
≈ Smokey Pink
Análoga -30° +30°
- B2C4CD
Blue Luna
- B0C6C6
≈ Blue Agave
- B8C1D0
≈ Mount Nirvana
Tríade +120° +240°
- B2C4CD
Blue Luna
- CDBBC3
≈ Lady Fingers
- C1C2B1
≈ Moonshine
Complementar dividida +150° +210°
- B2C4CD
Blue Luna
- D0BBBB
≈ Mediterranean Sunset
- C9BFB0
≈ Malibu Beige
Tétrade +90° +180° +270°
- B2C4CD
Blue Luna
- C8BCCB
≈ My Mona
- CEBDB4
≈ Smokey Pink
- B9C5B6
≈ Median Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.67:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--blue-luna: #b2c4cd;
--blue-luna-rgb: 178 196 205;
--blue-luna-oklch: oklch(0.809 0.023 229.2);
}
.element {
color: var(--blue-luna);
background-color: hsl(200 21% 75%);
border-color: oklch(0.809 0.023 229.2);
}Tailwind CSS v4
@theme {
--color-blue-luna: #b2c4cd;
--color-blue-luna-50: #eff6fb;
--color-blue-luna-100: #e0e9ee;
--color-blue-luna-200: #cbd6dd;
--color-blue-luna-300: #acbac1;
--color-blue-luna-400: #91a1aa;
--color-blue-luna-500: #778a93;
--color-blue-luna-600: #65747c;
--color-blue-luna-700: #505d63;
--color-blue-luna-800: #3a4449;
--color-blue-luna-900: #282f32;
--color-blue-luna-950: #161c1e;
}SCSS
$blue-luna: #b2c4cd;
$blue-luna-rgb: 178, 196, 205;
$blue-luna-light: mix(#fff, $blue-luna, 20%);
$blue-luna-dark: mix(#000, $blue-luna, 20%);
.element {
color: $blue-luna;
box-shadow: 0 0 0 2px rgba($blue-luna, 0.35);
}