Couleur nommée · #BD6973
Cherry Fizz
Cherry Fizz correspond à #BD6973 : rgb(189 105 115), hsl(353 39% 58%), oklch(0.618 0.107 13.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Cherry Fizz color name →
#BD6973
oklch(0.618 0.107 13.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C57880
- CC878D
- D3959B
- DAA4A9
- E1B3B7
- E8C2C5
- EED1D3
- F4E0E2
- FAF0F0
Ombres
- A45A63
- 8C4C54
- 743E45
- 5D3136
- 472428
- 33181B
- 1F0C0F
- 0D0405
- 020001
Tons
- B86C74
- B26F76
- AC7177
- A67478
- A1767A
- 9A787B
- 947A7C
- 8E7C7D
- 877E7F
Harmonies de couleurs
Complémentaire +180°
- BD6973
Cherry Fizz
- 009997
≈ Regula Barbara Blue
Analogue -30° +30°
- BD6973
Cherry Fizz
- B26A97
≈ Je t’aime
- BB6F4F
≈ Warm Copper
Triadique +120° +240°
- BD6973
Cherry Fizz
- 6C934E
≈ Drab Green
- 5589C5
≈ Blueberry Popover
Complémentaire divisée +150° +210°
- BD6973
Cherry Fizz
- 3B9A73
≈ Ocean Green
- 2093B5
≈ Bondi Blue
Tétradique +90° +180° +270°
- BD6973
Cherry Fizz
- 928831
≈ Potter Green
- 009997
≈ Regula Barbara Blue
- 7D7CC4
≈ Ube
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.86:1 · APCA Lc 66
Ag
AASur noir
WCAG 5.43:1 · APCA Lc 36
Meilleure couleur de texte: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Extraits de code
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);
}