Couleur nommée · #B2C4CD
Blue Luna
Blue Luna correspond à #B2C4CD : rgb(178 196 205), hsl(200 21% 75%), oklch(0.809 0.023 229.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Blue Luna color name →
#B2C4CD
oklch(0.809 0.023 229.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- BACAD2
- C1D0D7
- C9D5DC
- D0DBE1
- D8E1E6
- E0E7EB
- E8EDF0
- EFF3F5
- F7F9FA
Ombres
- 9AAAB2
- 839198
- 6D787E
- 576166
- 434A4E
- 2F3538
- 1D2123
- 0C0E0F
- 010202
Tons
- ADBDC5
- A8B6BD
- A3AFB5
- 9EA8AD
- 99A1A6
- 949B9E
- 8F9496
- 8A8D8F
- 858787
Harmonies de couleurs
Complémentaire +180°
- B2C4CD
Blue Luna
- CEBDB4
≈ Smokey Pink
Analogue -30° +30°
- B2C4CD
Blue Luna
- B0C6C6
≈ Blue Agave
- B8C1D0
≈ Mount Nirvana
Triadique +120° +240°
- B2C4CD
Blue Luna
- CDBBC3
≈ Lady Fingers
- C1C2B1
≈ Moonshine
Complémentaire divisée +150° +210°
- B2C4CD
Blue Luna
- D0BBBB
≈ Mediterranean Sunset
- C9BFB0
≈ Malibu Beige
Tétradique +90° +180° +270°
- B2C4CD
Blue Luna
- C8BCCB
≈ My Mona
- CEBDB4
≈ Smokey Pink
- B9C5B6
≈ Median Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.79:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.67:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
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);
}