Colore con nome · #CF7A4B
Brown Sugar Glaze
Brown Sugar Glaze è #CF7A4B: rgb(207 122 75), hsl(21 58% 55%), oklch(0.663 0.123 48.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Brown Sugar Glaze color name →
#CF7A4B
oklch(0.663 0.123 48.5)
Conversioni di colore
- HEX
- #cf7a4b
- RGB
- rgb(207 122 75)
- HSL
- hsl(21 58% 55%)
- HWB
- hwb(21 29% 19%)
- OKLCH
- oklch(0.663 0.123 48.5)
- OKLab
- oklab(0.663 0.081 0.092)
- CIE Lab
- lab(60.12 30.94 40.21)
- LCH
- lch(60.12 50.73 52.4)
- CMYK
- cmyk(0% 41% 64% 19%)
Tinte · Ombre · Toni
Tinte
- D5875E
- DB9570
- E0A282
- E5AF94
- EABDA5
- EFCAB7
- F3D7C9
- F7E4DB
- FBF2ED
Ombre
- B46940
- 995935
- 7F492B
- 673A21
- 4F2B17
- 381D0E
- 231006
- 100502
- 020100
Toni
- C87B52
- C07C58
- B87D5E
- B17E64
- A97F69
- A17F6E
- 998073
- 918077
- 89807C
Armonie di colore
Complementare +180°
- CF7A4B
Brown Sugar Glaze
- 1FA1CE
≈ Charybdis
Analogo -30° +30°
- CF7A4B
Brown Sugar Glaze
- D47275
≈ Lantana
- BB892A
≈ Burnished Copper
Triadico +120° +240°
- CF7A4B
Brown Sugar Glaze
- 28AB85
≈ Herbal
- 9085DA
≈ Indigo Bloom
Complementare divisa +150° +210°
- CF7A4B
Brown Sugar Glaze
- 00A7AC
≈ Blue Bolero
- 6394DE
≈ Little Boy Blue
Tetradico +90° +180° +270°
- CF7A4B
Brown Sugar Glaze
- 6BA559
≈ Off Green
- 1FA1CE
≈ Charybdis
- B379C3
≈ Wisteria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.53:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--brown-sugar-glaze: #cf7a4b;
--brown-sugar-glaze-rgb: 207 122 75;
--brown-sugar-glaze-oklch: oklch(0.663 0.123 48.5);
}
.element {
color: var(--brown-sugar-glaze);
background-color: hsl(21 58% 55%);
border-color: oklch(0.663 0.123 48.5);
}Tailwind CSS v4
@theme {
--color-brown-sugar-glaze: #cf7a4b;
--color-brown-sugar-glaze-50: #ffecd6;
--color-brown-sugar-glaze-100: #ffddc4;
--color-brown-sugar-glaze-200: #ffc6a5;
--color-brown-sugar-glaze-300: #eba57d;
--color-brown-sugar-glaze-400: #d9875b;
--color-brown-sugar-glaze-500: #c66a34;
--color-brown-sugar-glaze-600: #a75a2d;
--color-brown-sugar-glaze-700: #864824;
--color-brown-sugar-glaze-800: #64331a;
--color-brown-sugar-glaze-900: #462311;
--color-brown-sugar-glaze-950: #2e1104;
}SCSS
$brown-sugar-glaze: #cf7a4b;
$brown-sugar-glaze-rgb: 207, 122, 75;
$brown-sugar-glaze-light: mix(#fff, $brown-sugar-glaze, 20%);
$brown-sugar-glaze-dark: mix(#000, $brown-sugar-glaze, 20%);
.element {
color: $brown-sugar-glaze;
box-shadow: 0 0 0 2px rgba($brown-sugar-glaze, 0.35);
}