Couleur nommée · #C57776
Deep Bloom
Deep Bloom correspond à #C57776 : rgb(197 119 118), hsl(1 41% 62%), oklch(0.653 0.098 20.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Deep Bloom color name →
#C57776
oklch(0.653 0.098 20.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- CC8483
- D29290
- D99F9D
- DFADAB
- E5BAB9
- EAC8C6
- F0D5D4
- F5E3E2
- FAF1F1
Ombres
- AB6766
- 925756
- 794747
- 613838
- 4B2A29
- 351C1C
- 21100F
- 0E0505
- 020101
Tons
- BF7877
- B87A78
- B17B79
- AB7C7A
- A47D7B
- 9D7E7C
- 967E7D
- 8F7F7E
- 887F7F
Harmonies de couleurs
Complémentaire +180°
- C57776
Deep Bloom
- 30A2A9
≈ Cancer Seagreen Scarab
Analogue -30° +30°
- C57776
Deep Bloom
- BE7698
≈ Benifuji
- C07E57
≈ Pheasant
Triadique +120° +240°
- C57776
Deep Bloom
- 6E9F66
≈ Blackthorn Green
- 6D90CC
≈ Organza Violet
Complémentaire divisée +150° +210°
- C57776
Deep Bloom
- 46A388
≈ Corrosion Green
- 489BC1
≈ Norse Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.34:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.27:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
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);
}