Nazwany kolor · #854C65
Damson
Damson to #854C65: rgb(133 76 101), hsl(334 27% 41%), oklch(0.491 0.083 352.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Damson color name →
#854C65
oklch(0.491 0.083 352.8)
Konwersje koloru
- HEX
- #854c65
- RGB
- rgb(133 76 101)
- HSL
- hsl(334 27% 41%)
- HWB
- hwb(334 30% 48%)
- OKLCH
- oklch(0.491 0.083 352.8)
- OKLab
- oklab(0.491 0.083 -0.01)
- CIE Lab
- lab(39.9 27.21 -3.65)
- LCH
- lch(39.9 27.46 352.4)
- CMYK
- cmyk(0% 43% 24% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 925D73
- 9E6E82
- AA7F90
- B790A0
- C3A2AF
- CFB4BE
- DBC7CE
- E7D9DE
- F3ECEF
Odcienie ciemniejsze
- 734157
- 613649
- 502C3C
- 40222F
- 301822
- 210F17
- 13060C
- 060203
- 010000
Tony
- 855168
- 85576A
- 855C6D
- 856170
- 846772
- 846C75
- 837178
- 82767B
- 817B7D
Harmonie kolorów
Komplementarna +180°
- 854C65
Damson
- 1E705C
≈ Falcon Turquoise
Analogowa -30° +30°
- 854C65
Damson
- 77507C
≈ Spiced Plum
- 8A4D4A
≈ Lotus
Triada +120° +240°
- 854C65
Damson
- 616629
≈ Deathworld Forest
- 266888
≈ Sea Goddess
Komplementarna rozszczepiona +150° +210°
- 854C65
Damson
- 436D40
≈ Under the Radar
- 016E76
≈ Teal Motif
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.52:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--damson: #854c65;
--damson-rgb: 133 76 101;
--damson-oklch: oklch(0.491 0.083 352.8);
}
.element {
color: var(--damson);
background-color: hsl(334 27% 41%);
border-color: oklch(0.491 0.083 352.8);
}Tailwind CSS v4
@theme {
--color-damson: #854c65;
--color-damson-50: #ffecf6;
--color-damson-100: #ffdde9;
--color-damson-200: #f3c6d6;
--color-damson-300: #dba6ba;
--color-damson-400: #c68aa3;
--color-damson-500: #b16f8b;
--color-damson-600: #965e76;
--color-damson-700: #784b5e;
--color-damson-800: #583646;
--color-damson-900: #3e2530;
--color-damson-950: #27131d;
}SCSS
$damson: #854c65;
$damson-rgb: 133, 76, 101;
$damson-light: mix(#fff, $damson, 20%);
$damson-dark: mix(#000, $damson, 20%);
.element {
color: $damson;
box-shadow: 0 0 0 2px rgba($damson, 0.35);
}