Nazwany kolor · #C48F85
Portuguese Dawn
Portuguese Dawn to #C48F85: rgb(196 143 133), hsl(10 35% 65%), oklch(0.699 0.067 30.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Portuguese Dawn color name →
#C48F85
oklch(0.699 0.067 30.9)
Konwersje koloru
- HEX
- #c48f85
- RGB
- rgb(196 143 133)
- HSL
- hsl(10 35% 65%)
- HWB
- hwb(10 52% 23%)
- OKLCH
- oklch(0.699 0.067 30.9)
- OKLab
- oklab(0.699 0.057 0.034)
- CIE Lab
- lab(64.48 19.7 13.67)
- LCH
- lch(64.48 23.98 34.8)
- CMYK
- cmyk(0% 27% 32% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA9A91
- D0A59C
- D7B0A8
- DDBBB4
- E3C6C1
- E8D1CD
- EEDDD9
- F4E8E6
- F9F3F2
Odcienie ciemniejsze
- AA7C73
- 916961
- 785750
- 614540
- 4A3430
- 352421
- 211513
- 0E0706
- 020101
Tony
- BD8E85
- B78C84
- B08B84
- A98983
- A28883
- 9C8682
- 958582
- 8E8381
- 878281
Harmonie kolorów
Komplementarna +180°
- C48F85
Portuguese Dawn
- 6BAAB5
≈ Experience
Analogowa -30° +30°
- C48F85
Portuguese Dawn
- C28D9C
≈ Beetroot Rice
- BD9574
≈ Warm Hearth
Triada +120° +240°
- C48F85
Portuguese Dawn
- 80AA89
≈ Adventurine
- 8E9CC8
≈ Hair Ribbon
Komplementarna rozszczepiona +150° +210°
- C48F85
Portuguese Dawn
- 6EACA0
≈ Turquoise Fantasies
- 78A4C4
≈ Afloat
Tetrada +90° +180° +270°
- C48F85
Portuguese Dawn
- 98A576
≈ Cucuzza Verde
- 6BAAB5
≈ Experience
- A595C2
≈ Enchanted Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.75:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.61:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--portuguese-dawn: #c48f85;
--portuguese-dawn-rgb: 196 143 133;
--portuguese-dawn-oklch: oklch(0.699 0.067 30.9);
}
.element {
color: var(--portuguese-dawn);
background-color: hsl(10 35% 65%);
border-color: oklch(0.699 0.067 30.9);
}Tailwind CSS v4
@theme {
--color-portuguese-dawn: #c48f85;
--color-portuguese-dawn-50: #ffefe9;
--color-portuguese-dawn-100: #fde0da;
--color-portuguese-dawn-200: #efcbc2;
--color-portuguese-dawn-300: #d7aca2;
--color-portuguese-dawn-400: #c39087;
--color-portuguese-dawn-500: #ae766b;
--color-portuguese-dawn-600: #93645b;
--color-portuguese-dawn-700: #765049;
--color-portuguese-dawn-800: #573a35;
--color-portuguese-dawn-900: #3d2724;
--color-portuguese-dawn-950: #261513;
}SCSS
$portuguese-dawn: #c48f85;
$portuguese-dawn-rgb: 196, 143, 133;
$portuguese-dawn-light: mix(#fff, $portuguese-dawn, 20%);
$portuguese-dawn-dark: mix(#000, $portuguese-dawn, 20%);
.element {
color: $portuguese-dawn;
box-shadow: 0 0 0 2px rgba($portuguese-dawn, 0.35);
}