Benannte Farbe · #C57776
Deep Bloom
Deep Bloom ist #C57776: rgb(197 119 118), hsl(1 41% 62%), oklch(0.653 0.098 20.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Deep Bloom color name →
#C57776
oklch(0.653 0.098 20.9)
Farbumrechnungen
- HEX
- #c57776
- RGB
- rgb(197 119 118)
- HSL
- hsl(1 41% 62%)
- HWB
- hwb(1 46% 23%)
- OKLCH
- oklch(0.653 0.098 20.9)
- OKLab
- oklab(0.653 0.092 0.035)
- CIE Lab
- lab(58.74 31.24 14.3)
- LCH
- lch(58.74 34.36 24.6)
- CMYK
- cmyk(0% 40% 40% 23%)
Tints · Shades · Tones
Tints
- CC8483
- D29290
- D99F9D
- DFADAB
- E5BAB9
- EAC8C6
- F0D5D4
- F5E3E2
- FAF1F1
Shades
- AB6766
- 925756
- 794747
- 613838
- 4B2A29
- 351C1C
- 21100F
- 0E0505
- 020101
Tones
- BF7877
- B87A78
- B17B79
- AB7C7A
- A47D7B
- 9D7E7C
- 967E7D
- 8F7F7E
- 887F7F
Farbharmonien
Komplementär +180°
- C57776
Deep Bloom
- 30A2A9
≈ Cancer Seagreen Scarab
Analog -30° +30°
- C57776
Deep Bloom
- BE7698
≈ Benifuji
- C07E57
≈ Pheasant
Triadisch +120° +240°
- C57776
Deep Bloom
- 6E9F66
≈ Blackthorn Green
- 6D90CC
≈ Organza Violet
Geteilt komplementär +150° +210°
- C57776
Deep Bloom
- 46A388
≈ Corrosion Green
- 489BC1
≈ Norse Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.34:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.27:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--deep-bloom: #c57776;
--deep-bloom-rgb: 197 119 118;
--deep-bloom-oklch: oklch(0.653 0.098 20.9);
}
.element {
color: var(--deep-bloom);
background-color: hsl(1 41% 62%);
border-color: oklch(0.653 0.098 20.9);
}Tailwind CSS v4
@theme {
--color-deep-bloom: #c57776;
--color-deep-bloom-50: #ffebe8;
--color-deep-bloom-100: #ffdcd9;
--color-deep-bloom-200: #fcc4c1;
--color-deep-bloom-300: #e6a4a0;
--color-deep-bloom-400: #d28785;
--color-deep-bloom-500: #bf6a6a;
--color-deep-bloom-600: #a15a5a;
--color-deep-bloom-700: #814848;
--color-deep-bloom-800: #603435;
--color-deep-bloom-900: #432324;
--color-deep-bloom-950: #2b1213;
}SCSS
$deep-bloom: #c57776;
$deep-bloom-rgb: 197, 119, 118;
$deep-bloom-light: mix(#fff, $deep-bloom, 20%);
$deep-bloom-dark: mix(#000, $deep-bloom, 20%);
.element {
color: $deep-bloom;
box-shadow: 0 0 0 2px rgba($deep-bloom, 0.35);
}