Nazwany kolor · #A66C47
Vintage Pottery
Vintage Pottery to #A66C47: rgb(166 108 71), hsl(23 40% 46%), oklch(0.585 0.09 52.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Vintage Pottery color name →
#A66C47
oklch(0.585 0.09 52.6)
Konwersje koloru
- HEX
- #a66c47
- RGB
- rgb(166 108 71)
- HSL
- hsl(23 40% 46%)
- HWB
- hwb(23 28% 35%)
- OKLCH
- oklch(0.585 0.09 52.6)
- OKLab
- oklab(0.585 0.055 0.072)
- CIE Lab
- lab(51.4 20.93 30.53)
- LCH
- lch(51.4 37.02 55.6)
- CMYK
- cmyk(0% 35% 57% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF7A59
- B9886B
- C2977D
- CBA58F
- D4B4A1
- DDC3B3
- E5D2C6
- EEE1D9
- F7F0EC
Odcienie ciemniejsze
- 905D3D
- 7A4E32
- 654028
- 51321F
- 3E2516
- 2B190D
- 1A0D06
- 0A0402
- 010000
Tony
- A36E4E
- 9F7154
- 9C735A
- 987560
- 947765
- 90796B
- 8D7B70
- 897D76
- 847E7B
Harmonie kolorów
Komplementarna +180°
- A66C47
Vintage Pottery
- 3C85A9
≈ Cornwall
Analogowa -30° +30°
- A66C47
Vintage Pottery
- AB6563
≈ Melon Twist
- 967637
≈ Manticore Brown
Triada +120° +240°
- A66C47
Vintage Pottery
- 378D76
≈ Illuminating Emerald
- 7D71AD
≈ Plum Preserve
Komplementarna rozszczepiona +150° +210°
- A66C47
Vintage Pottery
- 238B93
≈ Tempo Teal
- 5F7BB2
≈ Deck Crew
Tetrada +90° +180° +270°
- A66C47
Vintage Pottery
- 5B8A57
≈ Hippie Green
- 3C85A9
≈ Cornwall
- 95699B
≈ Court Jester
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.32:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.85:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--vintage-pottery: #a66c47;
--vintage-pottery-rgb: 166 108 71;
--vintage-pottery-oklch: oklch(0.585 0.09 52.6);
}
.element {
color: var(--vintage-pottery);
background-color: hsl(23 40% 46%);
border-color: oklch(0.585 0.09 52.6);
}Tailwind CSS v4
@theme {
--color-vintage-pottery: #a66c47;
--color-vintage-pottery-50: #ffefdd;
--color-vintage-pottery-100: #ffe1cc;
--color-vintage-pottery-200: #f4cbb0;
--color-vintage-pottery-300: #ddac8b;
--color-vintage-pottery-400: #c9906c;
--color-vintage-pottery-500: #b5744b;
--color-vintage-pottery-600: #996340;
--color-vintage-pottery-700: #7b4f33;
--color-vintage-pottery-800: #5b3924;
--color-vintage-pottery-900: #402718;
--color-vintage-pottery-950: #291509;
}SCSS
$vintage-pottery: #a66c47;
$vintage-pottery-rgb: 166, 108, 71;
$vintage-pottery-light: mix(#fff, $vintage-pottery, 20%);
$vintage-pottery-dark: mix(#000, $vintage-pottery, 20%);
.element {
color: $vintage-pottery;
box-shadow: 0 0 0 2px rgba($vintage-pottery, 0.35);
}