Colore con nome · #C5832E
Geebung
Geebung è #C5832E: rgb(197 131 46), hsl(34 62% 48%), oklch(0.663 0.126 68.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Geebung color name →
#C5832E
oklch(0.663 0.126 68.6)
Conversioni di colore
- HEX
- #c5832e
- RGB
- rgb(197 131 46)
- HSL
- hsl(34 62% 48%)
- HWB
- hwb(34 18% 23%)
- OKLCH
- oklch(0.663 0.126 68.6)
- OKLab
- oklab(0.663 0.046 0.118)
- CIE Lab
- lab(60.66 21 53.97)
- LCH
- lch(60.66 57.91 68.7)
- CMYK
- cmyk(0% 34% 77% 23%)
Tinte · Ombre · Toni
Tinte
- CB8F48
- D29C5F
- D8A874
- DEB588
- E4C19C
- E9CDB0
- EFDAC3
- F4E6D7
- FAF3EB
Ombre
- AB7127
- 92601F
- 794F18
- 613F12
- 4B2F0B
- 352006
- 211202
- 0E0601
- 020100
Toni
- BE833B
- B88346
- B18350
- AA8358
- A38360
- 9C8367
- 95826E
- 8E8174
- 87817A
Armonie di colore
Complementare +180°
- C5832E
Geebung
- 4E98DD
≈ Flax Flower Blue
Analogo -30° +30°
- C5832E
Geebung
- D47657
≈ Clay Mug
- A79323
≈ Rapeseed Oil
Triadico +120° +240°
- C5832E
Geebung
- 00A9A1
≈ Tropical Hideaway
- A97CCE
≈ Wisteria
Complementare divisa +150° +210°
- C5832E
Geebung
- 00A4C4
≈ Scuba Blue
- 828ADF
≈ Indigo Bloom
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.66:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--geebung: #c5832e;
--geebung-rgb: 197 131 46;
--geebung-oklch: oklch(0.663 0.126 68.6);
}
.element {
color: var(--geebung);
background-color: hsl(34 62% 48%);
border-color: oklch(0.663 0.126 68.6);
}Tailwind CSS v4
@theme {
--color-geebung: #c5832e;
--color-geebung-50: #fff0cf;
--color-geebung-100: #ffe1bb;
--color-geebung-200: #f7cc99;
--color-geebung-300: #e1ac6d;
--color-geebung-400: #cf8f43;
--color-geebung-500: #bb7300;
--color-geebung-600: #9e6200;
--color-geebung-700: #7f4e04;
--color-geebung-800: #5f3803;
--color-geebung-900: #432603;
--color-geebung-950: #2b1400;
}SCSS
$geebung: #c5832e;
$geebung-rgb: 197, 131, 46;
$geebung-light: mix(#fff, $geebung, 20%);
$geebung-dark: mix(#000, $geebung, 20%);
.element {
color: $geebung;
box-shadow: 0 0 0 2px rgba($geebung, 0.35);
}