Colore con nome · #CA9234
Alameda Ochre
Alameda Ochre è #CA9234: rgb(202 146 52), hsl(38 59% 50%), oklch(0.698 0.126 76.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Alameda Ochre color name →
#CA9234
oklch(0.698 0.126 76.4)
Conversioni di colore
- HEX
- #ca9234
- RGB
- rgb(202 146 52)
- HSL
- hsl(38 59% 50%)
- HWB
- hwb(38 20% 21%)
- OKLCH
- oklch(0.698 0.126 76.4)
- OKLab
- oklab(0.698 0.03 0.123)
- CIE Lab
- lab(64.93 15.54 55.75)
- LCH
- lch(64.93 57.88 74.4)
- CMYK
- cmyk(0% 28% 74% 21%)
Tinte · Ombre · Toni
Tinte
- D09D4E
- D5A864
- DBB379
- E0BE8C
- E5C9A0
- EBD4B3
- F0DEC6
- F5E9D9
- FAF4EC
Ombre
- AF7E2C
- 956B24
- 7C581C
- 644615
- 4D350E
- 372507
- 221603
- 0F0801
- 020100
Toni
- C39141
- BB8F4B
- B48D54
- AD8C5C
- A58A63
- 9E886A
- 968670
- 8F8475
- 87827B
Armonie di colore
Complementare +180°
- CA9234
Alameda Ochre
- 68A0EB
≈ Feather Star
Analogo -30° +30°
- CA9234
Alameda Ochre
- DD8356
≈ Show Business
- A8A238
≈ Parrot Feather
Triadico +120° +240°
- CA9234
Alameda Ochre
- 00B4B6
≈ Cyan Sky
- BD84D2
≈ Purception
Complementare divisa +150° +210°
- CA9234
Alameda Ochre
- 24ADDA
≈ Bright Cerulean
- 9891E8
≈ Perrywinkle
Tetradico +90° +180° +270°
- CA9234
Alameda Ochre
- 38B68C
≈ Hisui Kingfisher
- 68A0EB
≈ Feather Star
- D67CAE
≈ Ice Plant
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.67:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--alameda-ochre: #ca9234;
--alameda-ochre-rgb: 202 146 52;
--alameda-ochre-oklch: oklch(0.698 0.126 76.4);
}
.element {
color: var(--alameda-ochre);
background-color: hsl(38 59% 50%);
border-color: oklch(0.698 0.126 76.4);
}Tailwind CSS v4
@theme {
--color-alameda-ochre: #ca9234;
--color-alameda-ochre-50: #fff2cd;
--color-alameda-ochre-100: #ffe4b9;
--color-alameda-ochre-200: #f2ce97;
--color-alameda-ochre-300: #dbb06a;
--color-alameda-ochre-400: #c9933d;
--color-alameda-ochre-500: #b57800;
--color-alameda-ochre-600: #996600;
--color-alameda-ochre-700: #7a5200;
--color-alameda-ochre-800: #5c3b00;
--color-alameda-ochre-900: #402800;
--color-alameda-ochre-950: #291600;
}SCSS
$alameda-ochre: #ca9234;
$alameda-ochre-rgb: 202, 146, 52;
$alameda-ochre-light: mix(#fff, $alameda-ochre, 20%);
$alameda-ochre-dark: mix(#000, $alameda-ochre, 20%);
.element {
color: $alameda-ochre;
box-shadow: 0 0 0 2px rgba($alameda-ochre, 0.35);
}