لون مسمّى · #BD6973
Cherry Fizz
Cherry Fizz هو #BD6973: rgb(189 105 115)، hsl(353 39% 58%)، oklch(0.618 0.107 13.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Cherry Fizz color name →
#BD6973
oklch(0.618 0.107 13.1)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C57880
- CC878D
- D3959B
- DAA4A9
- E1B3B7
- E8C2C5
- EED1D3
- F4E0E2
- FAF0F0
درجات داكنة
- A45A63
- 8C4C54
- 743E45
- 5D3136
- 472428
- 33181B
- 1F0C0F
- 0D0405
- 020001
درجات رمادية
- B86C74
- B26F76
- AC7177
- A67478
- A1767A
- 9A787B
- 947A7C
- 8E7C7D
- 877E7F
تناسق الألوان
متمم +180°
- BD6973
Cherry Fizz
- 009997
≈ Regula Barbara Blue
متجاور -30° +30°
- BD6973
Cherry Fizz
- B26A97
≈ Je t’aime
- BB6F4F
≈ Warm Copper
ثلاثي +120° +240°
- BD6973
Cherry Fizz
- 6C934E
≈ Drab Green
- 5589C5
≈ Blueberry Popover
متمم منقسم +150° +210°
- BD6973
Cherry Fizz
- 3B9A73
≈ Ocean Green
- 2093B5
≈ Bondi Blue
رباعي +90° +180° +270°
- BD6973
Cherry Fizz
- 928831
≈ Potter Green
- 009997
≈ Regula Barbara Blue
- 7D7CC4
≈ Ube
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.86:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.43:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
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);
}