Couleur nommée · #B2E4CD
Beach Blanket
Beach Blanket correspond à #B2E4CD : rgb(178 228 205), hsl(152 48% 80%), oklch(0.878 0.061 165.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Beach Blanket color name →
#B2E4CD
oklch(0.878 0.061 165.2)
Conversions de couleur
- HEX
- #b2e4cd
- RGB
- rgb(178 228 205)
- HSL
- hsl(152 48% 80%)
- HWB
- hwb(152 70% 11%)
- OKLCH
- oklch(0.878 0.061 165.2)
- OKLab
- oklab(0.878 -0.059 0.015)
- CIE Lab
- lab(86.61 -20.17 5.73)
- LCH
- lch(86.61 20.97 164.1)
- CMYK
- cmyk(22% 0% 10% 11%)
Teintes · Ombres · Tons
Teintes
- BAE7D2
- C2E9D7
- CAECDC
- D1EFE1
- D9F2E6
- E1F4EB
- E8F7F0
- F0FAF5
- F7FCFA
Ombres
- 9AC6B2
- 83A998
- 6D8D7E
- 577266
- 43584E
- 2F3F38
- 1D2823
- 0C120F
- 010302
Tons
- ADDAC5
- A8CFBD
- A3C5B5
- 9EBBAD
- 99B1A6
- 94A79E
- 8F9D96
- 8A938F
- 858A87
Harmonies de couleurs
Complémentaire +180°
- B2E4CD
Beach Blanket
- F5C7E0
≈ Laelia Pink
Analogue -30° +30°
- B2E4CD
Beach Blanket
- C6E0B9
≈ Satin Green
- A8E4E3
≈ Ice Crystal Blue
Triadique +120° +240°
- B2E4CD
Beach Blanket
- D2D2FE
≈ Pale Phthalo Blue
- FACBB6
≈ Biscuit Cream
Complémentaire divisée +150° +210°
- B2E4CD
Beach Blanket
- E6CBF3
≈ Mousse aux Pruneaux
- FCC7CA
≈ Sweet Memories
Tétradique +90° +180° +270°
- B2E4CD
Beach Blanket
- BDD9FF
≈ Broad Daylight
- F5C7E0
≈ Laelia Pink
- EFD2AB
≈ Calm Air
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.87:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 14.87:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--beach-blanket: #b2e4cd;
--beach-blanket-rgb: 178 228 205;
--beach-blanket-oklch: oklch(0.878 0.061 165.2);
}
.element {
color: var(--beach-blanket);
background-color: hsl(152 48% 80%);
border-color: oklch(0.878 0.061 165.2);
}Tailwind CSS v4
@theme {
--color-beach-blanket: #b2e4cd;
--color-beach-blanket-50: #e6fbf1;
--color-beach-blanket-100: #d6efe4;
--color-beach-blanket-200: #bdddcf;
--color-beach-blanket-300: #9ac2b1;
--color-beach-blanket-400: #7daa96;
--color-beach-blanket-500: #5e937c;
--color-beach-blanket-600: #507d69;
--color-beach-blanket-700: #406454;
--color-beach-blanket-800: #2e493c;
--color-beach-blanket-900: #1f3329;
--color-beach-blanket-950: #0f1e17;
}SCSS
$beach-blanket: #b2e4cd;
$beach-blanket-rgb: 178, 228, 205;
$beach-blanket-light: mix(#fff, $beach-blanket, 20%);
$beach-blanket-dark: mix(#000, $beach-blanket, 20%);
.element {
color: $beach-blanket;
box-shadow: 0 0 0 2px rgba($beach-blanket, 0.35);
}