Color con nombre · #EBBDB8
Bridal Bouquet
Bridal Bouquet es #EBBDB8: rgb(235 189 184), hsl(6 56% 82%), oklch(0.838 0.054 25.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Bridal Bouquet color name →
#EBBDB8
oklch(0.838 0.054 25.5)
Conversiones de color
- HEX
- #ebbdb8
- RGB
- rgb(235 189 184)
- HSL
- hsl(6 56% 82%)
- HWB
- hwb(6 72% 8%)
- OKLCH
- oklch(0.838 0.054 25.5)
- OKLab
- oklab(0.838 0.048 0.023)
- CIE Lab
- lab(80.67 16.46 9.13)
- LCH
- lch(80.67 18.83 29)
- CMYK
- cmyk(0% 20% 22% 8%)
Tintes · Sombras · Tonos
Tintes
- EDC4BF
- F0CAC6
- F2D1CD
- F4D7D4
- F6DEDB
- F8E4E2
- FAEBE9
- FCF2F1
- FDF8F8
Sombras
- CCA4A0
- AE8C88
- 917471
- 755D5B
- 5B4745
- 413331
- 291F1E
- 130D0C
- 030202
Tonos
- E0B7B2
- D5B1AD
- CAAAA7
- BFA4A1
- B59E9C
- AA9896
- 9F9290
- 958C8B
- 8A8685
Armonías de color
Complementario +180°
- EBBDB8
Bridal Bouquet
- A1D4DB
≈ Midwinter Mist
Análogo -30° +30°
- EBBDB8
Bridal Bouquet
- E8BCCB
≈ Pink Mist
- E6C1A9
≈ Adobe South
Triádico +120° +240°
- EBBDB8
Bridal Bouquet
- B5D4B5
≈ Enchanted Meadow
- B9CAEE
≈ Cuddle
Complementario dividido +150° +210°
- EBBDB8
Bridal Bouquet
- A6D6C8
≈ Yucca Cream
- A9D0E8
≈ Gentle Wind
Tetrádico +90° +180° +270°
- EBBDB8
Bridal Bouquet
- C8CFA7
≈ Baize Green
- A1D4DB
≈ Midwinter Mist
- CCC3EA
≈ Party Hat
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.50:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--bridal-bouquet: #ebbdb8;
--bridal-bouquet-rgb: 235 189 184;
--bridal-bouquet-oklch: oklch(0.838 0.054 25.5);
}
.element {
color: var(--bridal-bouquet);
background-color: hsl(6 56% 82%);
border-color: oklch(0.838 0.054 25.5);
}Tailwind CSS v4
@theme {
--color-bridal-bouquet: #ebbdb8;
--color-bridal-bouquet-50: #fff0ed;
--color-bridal-bouquet-100: #fae2de;
--color-bridal-bouquet-200: #ebccc8;
--color-bridal-bouquet-300: #d2aea8;
--color-bridal-bouquet-400: #bc938e;
--color-bridal-bouquet-500: #a77974;
--color-bridal-bouquet-600: #8d6662;
--color-bridal-bouquet-700: #71524e;
--color-bridal-bouquet-800: #543b39;
--color-bridal-bouquet-900: #3a2927;
--color-bridal-bouquet-950: #241615;
}SCSS
$bridal-bouquet: #ebbdb8;
$bridal-bouquet-rgb: 235, 189, 184;
$bridal-bouquet-light: mix(#fff, $bridal-bouquet, 20%);
$bridal-bouquet-dark: mix(#000, $bridal-bouquet, 20%);
.element {
color: $bridal-bouquet;
box-shadow: 0 0 0 2px rgba($bridal-bouquet, 0.35);
}