Color con nombre · #BDC4BB
Three Wishes
Three Wishes es #BDC4BB: rgb(189 196 187), hsl(107 7% 75%), oklch(0.812 0.015 138.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Three Wishes color name →
#BDC4BB
oklch(0.812 0.015 138.7)
Conversiones de color
- HEX
- #bdc4bb
- RGB
- rgb(189 196 187)
- HSL
- hsl(107 7% 75%)
- HWB
- hwb(107 73% 23%)
- OKLCH
- oklch(0.812 0.015 138.7)
- OKLab
- oklab(0.812 -0.011 0.01)
- CIE Lab
- lab(78.41 -3.74 3.65)
- LCH
- lch(78.41 5.23 135.7)
- CMYK
- cmyk(4% 0% 5% 23%)
Tintes · Sombras · Tonos
Tintes
- C3CAC2
- CAD0C8
- D0D5CF
- D7DBD6
- DEE1DD
- E4E7E3
- EBEDEA
- F2F3F1
- F8F9F8
Sombras
- A4AAA2
- 8C918A
- 747873
- 5D615C
- 474A46
- 333532
- 1F211F
- 0D0E0D
- 020202
Tonos
- B7BDB5
- B0B6AF
- AAAFA9
- A4A8A3
- 9EA19D
- 989B97
- 929491
- 8C8D8B
- 868786
Armonías de color
Complementario +180°
- BDC4BB
Three Wishes
- C6BFC8
≈ Grape Mist
Análogo -30° +30°
- BDC4BB
Three Wishes
- C2C2B8
≈ Baby Barn Owl
- B9C5C0
≈ Blustery Wind
Triádico +120° +240°
- BDC4BB
Three Wishes
- BCC2CB
≈ Yorkshire Cloud
- CBBEBE
≈ Nantucket Mist
Complementario dividido +150° +210°
- BDC4BB
Three Wishes
- C1C0CB
≈ Lavender Oil
- C9BEC3
≈ Glass Bead
Tetrádico +90° +180° +270°
- BDC4BB
Three Wishes
- B8C4C9
≈ Lighthouse Shadows
- C6BFC8
≈ Grape Mist
- CABFBA
≈ Worn Silver
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.77:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
CSS
:root {
--three-wishes: #bdc4bb;
--three-wishes-rgb: 189 196 187;
--three-wishes-oklch: oklch(0.812 0.015 138.7);
}
.element {
color: var(--three-wishes);
background-color: hsl(107 7% 75%);
border-color: oklch(0.812 0.015 138.7);
}Tailwind CSS v4
@theme {
--color-three-wishes: #bdc4bb;
--color-three-wishes-50: #f3f6f2;
--color-three-wishes-100: #e5e9e5;
--color-three-wishes-200: #d1d6d0;
--color-three-wishes-300: #b3b9b2;
--color-three-wishes-400: #9aa198;
--color-three-wishes-500: #81897f;
--color-three-wishes-600: #6e746c;
--color-three-wishes-700: #585c56;
--color-three-wishes-800: #40443f;
--color-three-wishes-900: #2c2f2b;
--color-three-wishes-950: #191b18;
}SCSS
$three-wishes: #bdc4bb;
$three-wishes-rgb: 189, 196, 187;
$three-wishes-light: mix(#fff, $three-wishes, 20%);
$three-wishes-dark: mix(#000, $three-wishes, 20%);
.element {
color: $three-wishes;
box-shadow: 0 0 0 2px rgba($three-wishes, 0.35);
}