Couleur nommée · #BEC6BB
Contemplation
Contemplation correspond à #BEC6BB : rgb(190 198 187), hsl(104 9% 75%), oklch(0.817 0.018 137). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Contemplation color name →
#BEC6BB
oklch(0.817 0.018 137)
Conversions de couleur
- HEX
- #bec6bb
- RGB
- rgb(190 198 187)
- HSL
- hsl(104 9% 75%)
- HWB
- hwb(104 73% 22%)
- OKLCH
- oklch(0.817 0.018 137)
- OKLab
- oklab(0.817 -0.013 0.012)
- CIE Lab
- lab(79.01 -4.37 4.53)
- LCH
- lch(79.01 6.29 134)
- CMYK
- cmyk(4% 0% 6% 22%)
Teintes · Ombres · Tons
Teintes
- C4CCC2
- CBD1C8
- D1D7CF
- D8DCD6
- DEE2DD
- E5E8E3
- EBEEEA
- F2F3F1
- F8F9F8
Ombres
- A5ACA2
- 8C928A
- 757A73
- 5E625C
- 484B46
- 333532
- 1F211F
- 0D0E0D
- 020202
Tons
- B8BFB5
- B1B8AF
- ABB0A9
- A5A9A3
- 9EA29D
- 989B97
- 929491
- 8C8E8B
- 868786
Harmonies de couleurs
Complémentaire +180°
- BEC6BB
Contemplation
- C8C0CB
≈ Clary Sage
Analogue -30° +30°
- BEC6BB
Contemplation
- C4C4B7
≈ Baby Barn Owl
- B9C7C1
≈ Surf Spray
Triadique +120° +240°
- BEC6BB
Contemplation
- BCC4CF
≈ Blue Dolphin
- CEBFBF
≈ Dusky Violet
Complémentaire divisée +150° +210°
- BEC6BB
Contemplation
- C2C2CE
≈ Satire
- CCBFC5
≈ Elusive Dream
Tétradique +90° +180° +270°
- BEC6BB
Contemplation
- B8C6CC
≈ Flowing Breeze
- C8C0CB
≈ Clary Sage
- CDC0BA
≈ Vintage Taupe
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.75:1 · APCA Lc 32
Ag
AAASur noir
WCAG 11.98:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--contemplation: #bec6bb;
--contemplation-rgb: 190 198 187;
--contemplation-oklch: oklch(0.817 0.018 137);
}
.element {
color: var(--contemplation);
background-color: hsl(104 9% 75%);
border-color: oklch(0.817 0.018 137);
}Tailwind CSS v4
@theme {
--color-contemplation: #bec6bb;
--color-contemplation-50: #f3f6f2;
--color-contemplation-100: #e5e9e4;
--color-contemplation-200: #d0d6cf;
--color-contemplation-300: #b3bab1;
--color-contemplation-400: #9aa197;
--color-contemplation-500: #81897e;
--color-contemplation-600: #6d746a;
--color-contemplation-700: #575d55;
--color-contemplation-800: #40443e;
--color-contemplation-900: #2c2f2a;
--color-contemplation-950: #191b18;
}SCSS
$contemplation: #bec6bb;
$contemplation-rgb: 190, 198, 187;
$contemplation-light: mix(#fff, $contemplation, 20%);
$contemplation-dark: mix(#000, $contemplation, 20%);
.element {
color: $contemplation;
box-shadow: 0 0 0 2px rgba($contemplation, 0.35);
}