Nazwany kolor · #936647
Copper Pot
Copper Pot to #936647: rgb(147 102 71), hsl(24 35% 43%), oklch(0.55 0.073 55.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Copper Pot color name →
#936647
oklch(0.55 0.073 55.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E7459
- A9836A
- B4927C
- BEA18E
- C9B0A0
- D4C0B3
- DFCFC5
- E9DFD8
- F4EFEC
Odcienie ciemniejsze
- 7F583D
- 6C4A32
- 593C28
- 472F1F
- 362316
- 25170D
- 160C06
- 080402
- 010000
Tony
- 91694D
- 906C53
- 8E6E59
- 8C715F
- 8B7464
- 89766A
- 877970
- 847B75
- 827E7B
Harmonie kolorów
Komplementarna +180°
- 936647
Copper Pot
- 447896
≈ Cry Me a River
Analogowa -30° +30°
- 936647
Copper Pot
- 98605C
≈ Roulette
- 856E3D
≈ Kimirucha Brown
Triada +120° +240°
- 936647
Copper Pot
- 3D806F
≈ Copper Mineral Green
- 756998
≈ Pandora
Komplementarna rozszczepiona +150° +210°
- 936647
Copper Pot
- 347E86
≈ Sea Swimmer
- 5D719D
≈ Blueberry Patch
Tetrada +90° +180° +270°
- 936647
Copper Pot
- 567D57
≈ Green Mantle
- 447896
≈ Cry Me a River
- 886389
≈ Sunshone Plum
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.96:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.23:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}