Colore con nome · #C27275
Brandied Apricot
Brandied Apricot è #C27275: rgb(194 114 117), hsl(358 40% 60%), oklch(0.64 0.101 17.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Brandied Apricot color name →
#C27275
oklch(0.64 0.101 17.9)
Conversioni di colore
- HEX
- #c27275
- RGB
- rgb(194 114 117)
- HSL
- hsl(358 40% 60%)
- HWB
- hwb(358 45% 24%)
- OKLCH
- oklch(0.64 0.101 17.9)
- OKLab
- oklab(0.64 0.096 0.031)
- CIE Lab
- lab(57.22 32.55 12.72)
- LCH
- lch(57.22 34.95 21.3)
- CMYK
- cmyk(0% 41% 40% 24%)
Tinte · Ombre · Toni
Tinte
- C98082
- D08E8F
- D79C9D
- DDAAAA
- E3B8B8
- E9C6C6
- EFD4D4
- F5E2E2
- FAF1F0
Ombre
- A86265
- 8F5355
- 774446
- 603637
- 492829
- 341B1C
- 200E0F
- 0E0405
- 020101
Toni
- BC7476
- B67677
- AF7778
- A9797A
- A37A7B
- 9C7C7C
- 957D7D
- 8E7E7E
- 877F7F
Armonie di colore
Complementare +180°
- C27275
Brandied Apricot
- 249FA2
≈ Baltic
Analogo -30° +30°
- C27275
Brandied Apricot
- B97297
≈ First Plum
- BE7954
≈ Moroccan Sky
Triadico +120° +240°
- C27275
Brandied Apricot
- 6D9B5D
≈ Green Hornet
- 658EC9
≈ Provence
Complementare divisa +150° +210°
- C27275
Brandied Apricot
- 43A080
≈ Klimt Green
- 3C98BC
≈ Coastline Blue
Tetradico +90° +180° +270°
- C27275
Brandied Apricot
- 929142
≈ April Hills
- 249FA2
≈ Baltic
- 8982C6
≈ Faraway Sky
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.52:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.95:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--brandied-apricot: #c27275;
--brandied-apricot-rgb: 194 114 117;
--brandied-apricot-oklch: oklch(0.64 0.101 17.9);
}
.element {
color: var(--brandied-apricot);
background-color: hsl(358 40% 60%);
border-color: oklch(0.64 0.101 17.9);
}Tailwind CSS v4
@theme {
--color-brandied-apricot: #c27275;
--color-brandied-apricot-50: #ffeae9;
--color-brandied-apricot-100: #ffdbda;
--color-brandied-apricot-200: #fdc4c2;
--color-brandied-apricot-300: #e7a3a2;
--color-brandied-apricot-400: #d38688;
--color-brandied-apricot-500: #c0696d;
--color-brandied-apricot-600: #a2595c;
--color-brandied-apricot-700: #82474a;
--color-brandied-apricot-800: #613336;
--color-brandied-apricot-900: #442325;
--color-brandied-apricot-950: #2b1114;
}SCSS
$brandied-apricot: #c27275;
$brandied-apricot-rgb: 194, 114, 117;
$brandied-apricot-light: mix(#fff, $brandied-apricot, 20%);
$brandied-apricot-dark: mix(#000, $brandied-apricot, 20%);
.element {
color: $brandied-apricot;
box-shadow: 0 0 0 2px rgba($brandied-apricot, 0.35);
}