Colore con nome · #CC8844
Raw Linen
Raw Linen è #CC8844: rgb(204 136 68), hsl(30 57% 53%), oklch(0.683 0.118 63.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Raw Linen color name →
#CC8844
oklch(0.683 0.118 63.4)
Conversioni di colore
- HEX
- #cc8844
- RGB
- rgb(204 136 68)
- HSL
- hsl(30 57% 53%)
- HWB
- hwb(30 27% 20%)
- OKLCH
- oklch(0.683 0.118 63.4)
- OKLab
- oklab(0.683 0.053 0.106)
- CIE Lab
- lab(62.87 22.18 46.63)
- LCH
- lch(62.87 51.64 64.6)
- CMYK
- cmyk(0% 33% 67% 20%)
Tinte · Ombre · Toni
Tinte
- D29459
- D7A06C
- DDAC7F
- E2B891
- E7C3A4
- ECCFB6
- F1DBC8
- F6E7DA
- FBF3ED
Ombre
- B1753A
- 976330
- 7E5226
- 65411D
- 4E3114
- 37220C
- 221305
- 0F0602
- 020100
Toni
- C5884D
- BD8754
- B6875B
- AE8661
- A78567
- 9F846D
- 978372
- 908277
- 88817B
Armonie di colore
Complementare +180°
- CC8844
Raw Linen
- 51A1DC
≈ Waimea Blue
Analogo -30° +30°
- CC8844
Raw Linen
- D87D68
≈ Lei Flower
- B29736
≈ Mana
Triadico +120° +240°
- CC8844
Raw Linen
- 16B0A1
≈ Billiard
- A886D5
≈ Middy’s Purple
Complementare divisa +150° +210°
- CC8844
Raw Linen
- 0DABC5
≈ Sarah’s Garden
- 8293E2
≈ Portage
Tetradico +90° +180° +270°
- CC8844
Raw Linen
- 58AE76
≈ Glen
- 51A1DC
≈ Waimea Blue
- C57DB8
≈ Peruvian Lily
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.92:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.17:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--raw-linen: #cc8844;
--raw-linen-rgb: 204 136 68;
--raw-linen-oklch: oklch(0.683 0.118 63.4);
}
.element {
color: var(--raw-linen);
background-color: hsl(30 57% 53%);
border-color: oklch(0.683 0.118 63.4);
}Tailwind CSS v4
@theme {
--color-raw-linen: #cc8844;
--color-raw-linen-50: #ffefd2;
--color-raw-linen-100: #ffe1bf;
--color-raw-linen-200: #f8cb9f;
--color-raw-linen-300: #e1ab75;
--color-raw-linen-400: #cf8e4f;
--color-raw-linen-500: #bc721e;
--color-raw-linen-600: #9f611d;
--color-raw-linen-700: #7f4e17;
--color-raw-linen-800: #5f3810;
--color-raw-linen-900: #43260a;
--color-raw-linen-950: #2b1400;
}SCSS
$raw-linen: #cc8844;
$raw-linen-rgb: 204, 136, 68;
$raw-linen-light: mix(#fff, $raw-linen, 20%);
$raw-linen-dark: mix(#000, $raw-linen, 20%);
.element {
color: $raw-linen;
box-shadow: 0 0 0 2px rgba($raw-linen, 0.35);
}