Colore con nome · #772244
Caviar Couture
Caviar Couture è #772244: rgb(119 34 68), hsl(336 56% 30%), oklch(0.396 0.122 359.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Caviar Couture color name →
#772244
oklch(0.396 0.122 359.9)
Conversioni di colore
- HEX
- #772244
- RGB
- rgb(119 34 68)
- HSL
- hsl(336 56% 30%)
- HWB
- hwb(336 13% 53%)
- OKLCH
- oklch(0.396 0.122 359.9)
- OKLab
- oklab(0.396 0.122 0)
- CIE Lab
- lab(28.38 39.51 0.45)
- LCH
- lch(28.38 39.52 0.7)
- CMYK
- cmyk(0% 71% 43% 53%)
Tinte · Ombre · Toni
Tinte
- 863955
- 954E66
- A36477
- B1798A
- BE8E9C
- CCA4AF
- D9BAC3
- E6D1D6
- F3E8EB
Ombre
- 671C3A
- 571630
- 471126
- 380B1D
- 2A0714
- 1C030C
- 100105
- 050002
- 010000
Toni
- 792E4A
- 7B384F
- 7D4255
- 7F4B5B
- 805461
- 815D67
- 81666D
- 816F73
- 81777A
Armonie di colore
Complementare +180°
- 772244
Caviar Couture
- 005348
≈ Breathe Deeply
Analogo -30° +30°
- 772244
Caviar Couture
- 692965
≈ Palatinate Purple
- 7B241B
≈ Posh Red
Triadico +120° +240°
- 772244
Caviar Couture
- 414D00
≈ No Emissions Green
- 004C72
≈ Pompeii Blue
Complementare divisa +150° +210°
- 772244
Caviar Couture
- 005624
≈ O Tannenbaum
- 00505B
≈ Kali Blue
Tetradico +90° +180° +270°
- 772244
Caviar Couture
- 584400
≈ Sugarloaf Brown
- 005348
≈ Breathe Deeply
- 2E3F87
≈ Official Violet
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.01:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.09:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.01:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--caviar-couture: #772244;
--caviar-couture-rgb: 119 34 68;
--caviar-couture-oklch: oklch(0.396 0.122 359.9);
}
.element {
color: var(--caviar-couture);
background-color: hsl(336 56% 30%);
border-color: oklch(0.396 0.122 359.9);
}Tailwind CSS v4
@theme {
--color-caviar-couture: #772244;
--color-caviar-couture-50: #ffe7f2;
--color-caviar-couture-100: #ffd8e5;
--color-caviar-couture-200: #ffbfd0;
--color-caviar-couture-300: #ec9db3;
--color-caviar-couture-400: #d97f9c;
--color-caviar-couture-500: #c56083;
--color-caviar-couture-600: #a7526f;
--color-caviar-couture-700: #864159;
--color-caviar-couture-800: #632f42;
--color-caviar-couture-900: #46202e;
--color-caviar-couture-950: #2d0f1a;
}SCSS
$caviar-couture: #772244;
$caviar-couture-rgb: 119, 34, 68;
$caviar-couture-light: mix(#fff, $caviar-couture, 20%);
$caviar-couture-dark: mix(#000, $caviar-couture, 20%);
.element {
color: $caviar-couture;
box-shadow: 0 0 0 2px rgba($caviar-couture, 0.35);
}