Color con nombre · #BD6973
Cherry Fizz
Cherry Fizz es #BD6973: rgb(189 105 115), hsl(353 39% 58%), oklch(0.618 0.107 13.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Cherry Fizz color name →
#BD6973
oklch(0.618 0.107 13.1)
Conversiones de color
- HEX
- #bd6973
- RGB
- rgb(189 105 115)
- HSL
- hsl(353 39% 58%)
- HWB
- hwb(353 41% 26%)
- OKLCH
- oklch(0.618 0.107 13.1)
- OKLab
- oklab(0.618 0.105 0.024)
- CIE Lab
- lab(54.54 35.06 10.06)
- LCH
- lch(54.54 36.47 16)
- CMYK
- cmyk(0% 44% 39% 26%)
Tintes · Sombras · Tonos
Tintes
- C57880
- CC878D
- D3959B
- DAA4A9
- E1B3B7
- E8C2C5
- EED1D3
- F4E0E2
- FAF0F0
Sombras
- A45A63
- 8C4C54
- 743E45
- 5D3136
- 472428
- 33181B
- 1F0C0F
- 0D0405
- 020001
Tonos
- B86C74
- B26F76
- AC7177
- A67478
- A1767A
- 9A787B
- 947A7C
- 8E7C7D
- 877E7F
Armonías de color
Complementario +180°
- BD6973
Cherry Fizz
- 009997
≈ Regula Barbara Blue
Análogo -30° +30°
- BD6973
Cherry Fizz
- B26A97
≈ Je t’aime
- BB6F4F
≈ Warm Copper
Triádico +120° +240°
- BD6973
Cherry Fizz
- 6C934E
≈ Drab Green
- 5589C5
≈ Blueberry Popover
Complementario dividido +150° +210°
- BD6973
Cherry Fizz
- 3B9A73
≈ Ocean Green
- 2093B5
≈ Bondi Blue
Tetrádico +90° +180° +270°
- BD6973
Cherry Fizz
- 928831
≈ Potter Green
- 009997
≈ Regula Barbara Blue
- 7D7CC4
≈ Ube
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.86:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.43:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
CSS
:root {
--cherry-fizz: #bd6973;
--cherry-fizz-rgb: 189 105 115;
--cherry-fizz-oklch: oklch(0.618 0.107 13.1);
}
.element {
color: var(--cherry-fizz);
background-color: hsl(353 39% 58%);
border-color: oklch(0.618 0.107 13.1);
}Tailwind CSS v4
@theme {
--color-cherry-fizz: #bd6973;
--color-cherry-fizz-50: #ffe9eb;
--color-cherry-fizz-100: #ffdadc;
--color-cherry-fizz-200: #ffc2c5;
--color-cherry-fizz-300: #e9a1a6;
--color-cherry-fizz-400: #d6838c;
--color-cherry-fizz-500: #c26672;
--color-cherry-fizz-600: #a45760;
--color-cherry-fizz-700: #84454d;
--color-cherry-fizz-800: #623239;
--color-cherry-fizz-900: #452227;
--color-cherry-fizz-950: #2c1115;
}SCSS
$cherry-fizz: #bd6973;
$cherry-fizz-rgb: 189, 105, 115;
$cherry-fizz-light: mix(#fff, $cherry-fizz, 20%);
$cherry-fizz-dark: mix(#000, $cherry-fizz, 20%);
.element {
color: $cherry-fizz;
box-shadow: 0 0 0 2px rgba($cherry-fizz, 0.35);
}