Nazwany kolor · #C79D9B
Pepperberry
Pepperberry to #C79D9B: rgb(199 157 155), hsl(3 28% 69%), oklch(0.734 0.05 21.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pepperberry color name →
#C79D9B
oklch(0.734 0.05 21.5)
Konwersje koloru
- HEX
- #c79d9b
- RGB
- rgb(199 157 155)
- HSL
- hsl(3 28% 69%)
- HWB
- hwb(3 61% 22%)
- OKLCH
- oklch(0.734 0.05 21.5)
- OKLab
- oklab(0.734 0.047 0.018)
- CIE Lab
- lab(68.65 15.86 7.33)
- LCH
- lch(68.65 17.47 24.8)
- CMYK
- cmyk(0% 21% 22% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDA7A5
- D3B0AE
- D8BAB8
- DEC3C2
- E4CDCC
- E9D7D6
- EFE1E0
- F4EBEA
- FAF5F5
Odcienie ciemniejsze
- AD8886
- 937372
- 7A5F5E
- 624C4B
- 4C3A39
- 362828
- 211818
- 0E0909
- 020101
Tony
- C09A98
- B99796
- B29493
- AB9190
- A38F8D
- 9C8C8B
- 958988
- 8E8685
- 878383
Harmonie kolorów
Komplementarna +180°
- C79D9B
Pepperberry
- 84B3B6
≈ Cold Front Green
Analogowa -30° +30°
- C79D9B
Pepperberry
- C39CAC
≈ Fauna
- C4A18D
≈ Interface Tan
Triada +120° +240°
- C79D9B
Pepperberry
- 98B194
≈ Nurture Green
- 98AAC9
≈ Scorpion Grass Blue
Komplementarna rozszczepiona +150° +210°
- C79D9B
Pepperberry
- 89B4A5
≈ Chrysopal Light Green
- 89AFC3
≈ Chilly Blue
Tetrada +90° +180° +270°
- C79D9B
Pepperberry
- A9AD88
≈ Wall Green
- 84B3B6
≈ Cold Front Green
- A9A4C7
≈ Fife
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.40:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.72:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--pepperberry: #c79d9b;
--pepperberry-rgb: 199 157 155;
--pepperberry-oklch: oklch(0.734 0.05 21.5);
}
.element {
color: var(--pepperberry);
background-color: hsl(3 28% 69%);
border-color: oklch(0.734 0.05 21.5);
}Tailwind CSS v4
@theme {
--color-pepperberry: #c79d9b;
--color-pepperberry-50: #fff0ee;
--color-pepperberry-100: #f8e2e0;
--color-pepperberry-200: #e9ccca;
--color-pepperberry-300: #d0aeab;
--color-pepperberry-400: #bb9391;
--color-pepperberry-500: #a57977;
--color-pepperberry-600: #8c6765;
--color-pepperberry-700: #705251;
--color-pepperberry-800: #533c3b;
--color-pepperberry-900: #3a2929;
--color-pepperberry-950: #241717;
}SCSS
$pepperberry: #c79d9b;
$pepperberry-rgb: 199, 157, 155;
$pepperberry-light: mix(#fff, $pepperberry, 20%);
$pepperberry-dark: mix(#000, $pepperberry, 20%);
.element {
color: $pepperberry;
box-shadow: 0 0 0 2px rgba($pepperberry, 0.35);
}