Colore con nome · #936647
Copper Pot
Copper Pot è #936647: rgb(147 102 71), hsl(24 35% 43%), oklch(0.55 0.073 55.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Copper Pot color name →
#936647
oklch(0.55 0.073 55.1)
Conversioni di colore
- HEX
- #936647
- RGB
- rgb(147 102 71)
- HSL
- hsl(24 35% 43%)
- HWB
- hwb(24 28% 42%)
- OKLCH
- oklch(0.55 0.073 55.1)
- OKLab
- oklab(0.55 0.042 0.06)
- CIE Lab
- lab(47.49 15.95 25.09)
- LCH
- lch(47.49 29.73 57.6)
- CMYK
- cmyk(0% 31% 52% 42%)
Tinte · Ombre · Toni
Tinte
- 9E7459
- A9836A
- B4927C
- BEA18E
- C9B0A0
- D4C0B3
- DFCFC5
- E9DFD8
- F4EFEC
Ombre
- 7F583D
- 6C4A32
- 593C28
- 472F1F
- 362316
- 25170D
- 160C06
- 080402
- 010000
Toni
- 91694D
- 906C53
- 8E6E59
- 8C715F
- 8B7464
- 89766A
- 877970
- 847B75
- 827E7B
Armonie di colore
Complementare +180°
- 936647
Copper Pot
- 447896
≈ Cry Me a River
Analogo -30° +30°
- 936647
Copper Pot
- 98605C
≈ Roulette
- 856E3D
≈ Kimirucha Brown
Triadico +120° +240°
- 936647
Copper Pot
- 3D806F
≈ Copper Mineral Green
- 756998
≈ Pandora
Complementare divisa +150° +210°
- 936647
Copper Pot
- 347E86
≈ Sea Swimmer
- 5D719D
≈ Blueberry Patch
Tetradico +90° +180° +270°
- 936647
Copper Pot
- 567D57
≈ Green Mantle
- 447896
≈ Cry Me a River
- 886389
≈ Sunshone Plum
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.96:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.23:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--copper-pot: #936647;
--copper-pot-rgb: 147 102 71;
--copper-pot-oklch: oklch(0.55 0.073 55.1);
}
.element {
color: var(--copper-pot);
background-color: hsl(24 35% 43%);
border-color: oklch(0.55 0.073 55.1);
}Tailwind CSS v4
@theme {
--color-copper-pot: #936647;
--color-copper-pot-50: #fff0e1;
--color-copper-pot-100: #fce2d1;
--color-copper-pot-200: #edcdb6;
--color-copper-pot-300: #d5af93;
--color-copper-pot-400: #c19375;
--color-copper-pot-500: #ac7956;
--color-copper-pot-600: #916749;
--color-copper-pot-700: #75523a;
--color-copper-pot-800: #573b2a;
--color-copper-pot-900: #3d291c;
--color-copper-pot-950: #26160c;
}SCSS
$copper-pot: #936647;
$copper-pot-rgb: 147, 102, 71;
$copper-pot-light: mix(#fff, $copper-pot, 20%);
$copper-pot-dark: mix(#000, $copper-pot, 20%);
.element {
color: $copper-pot;
box-shadow: 0 0 0 2px rgba($copper-pot, 0.35);
}