Colore con nome · #CC7733
Ochre Maroon
Ochre Maroon è #CC7733: rgb(204 119 51), hsl(27 60% 50%), oklch(0.651 0.134 55.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ochre Maroon color name →
#CC7733
oklch(0.651 0.134 55.8)
Conversioni di colore
- HEX
- #cc7733
- RGB
- rgb(204 119 51)
- HSL
- hsl(27 60% 50%)
- HWB
- hwb(27 20% 20%)
- OKLCH
- oklch(0.651 0.134 55.8)
- OKLab
- oklab(0.651 0.075 0.11)
- CIE Lab
- lab(58.84 30.31 50.51)
- LCH
- lch(58.84 58.91 59)
- CMYK
- cmyk(0% 42% 75% 20%)
Tinte · Ombre · Toni
Tinte
- D2854B
- D89361
- DEA075
- E3AE89
- E9BB9D
- EDC9B0
- F2D6C4
- F7E4D7
- FBF1EB
Ombre
- B1672B
- 975723
- 7E471C
- 653814
- 4E2A0D
- 371C07
- 221003
- 0F0501
- 020100
Toni
- C5793F
- BE7A48
- B67B51
- AF7D59
- A87D60
- A07E67
- 987F6E
- 907F74
- 88807A
Armonie di colore
Complementare +180°
- CC7733
Ochre Maroon
- 1A9AD5
≈ Structural Blue
Analogo -30° +30°
- CC7733
Ochre Maroon
- D56C64
≈ Tory Red
- B48800
≈ Loden Yellow
Triadico +120° +240°
- CC7733
Ochre Maroon
- 00A78C
≈ Moray Eel
- 977DD7
≈ Indigo Bloom
Complementare divisa +150° +210°
- CC7733
Ochre Maroon
- 00A2B0
≈ Garish Blue
- 688CE1
≈ United Nations Blue
Tetradico +90° +180° +270°
- CC7733
Ochre Maroon
- 53A55B
≈ Exploration Green
- 1A9AD5
≈ Structural Blue
- B871BB
≈ Lavendless
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.35:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.25:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--ochre-maroon: #cc7733;
--ochre-maroon-rgb: 204 119 51;
--ochre-maroon-oklch: oklch(0.651 0.134 55.8);
}
.element {
color: var(--ochre-maroon);
background-color: hsl(27 60% 50%);
border-color: oklch(0.651 0.134 55.8);
}Tailwind CSS v4
@theme {
--color-ochre-maroon: #cc7733;
--color-ochre-maroon-50: #ffedd0;
--color-ochre-maroon-100: #ffdebd;
--color-ochre-maroon-200: #ffc79c;
--color-ochre-maroon-300: #eba671;
--color-ochre-maroon-400: #da884a;
--color-ochre-maroon-500: #c76a11;
--color-ochre-maroon-600: #a85a14;
--color-ochre-maroon-700: #874811;
--color-ochre-maroon-800: #65330c;
--color-ochre-maroon-900: #472307;
--color-ochre-maroon-950: #2e1200;
}SCSS
$ochre-maroon: #cc7733;
$ochre-maroon-rgb: 204, 119, 51;
$ochre-maroon-light: mix(#fff, $ochre-maroon, 20%);
$ochre-maroon-dark: mix(#000, $ochre-maroon, 20%);
.element {
color: $ochre-maroon;
box-shadow: 0 0 0 2px rgba($ochre-maroon, 0.35);
}