Nazwany kolor · #D09C97
Dull Apricot
Dull Apricot to #D09C97: rgb(208 156 151), hsl(5 38% 70%), oklch(0.74 0.063 25). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Dull Apricot color name →
#D09C97
oklch(0.74 0.063 25)
Konwersje koloru
- HEX
- #d09c97
- RGB
- rgb(208 156 151)
- HSL
- hsl(5 38% 70%)
- HWB
- hwb(5 59% 18%)
- OKLCH
- oklch(0.74 0.063 25)
- OKLab
- oklab(0.74 0.057 0.027)
- CIE Lab
- lab(69.29 19.46 10.59)
- LCH
- lch(69.29 22.15 28.6)
- CMYK
- cmyk(0% 25% 27% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5A6A1
- DAAFAB
- DFB9B5
- E4C3C0
- E9CDCA
- EDD7D4
- F2E1DF
- F6EBEA
- FBF5F4
Odcienie ciemniejsze
- B58783
- 9A736F
- 805F5C
- 674C49
- 4F3937
- 392826
- 231817
- 100908
- 020101
Tony
- C89995
- C09792
- B89490
- B0918E
- A88E8C
- A08B89
- 988987
- 908685
- 888382
Harmonie kolorów
Komplementarna +180°
- D09C97
Dull Apricot
- 7AB7BE
≈ Aqua Blue
Analogowa -30° +30°
- D09C97
Dull Apricot
- CC9BAD
≈ Rosebay
- CBA185
≈ Arbol de Tamarindo
Triada +120° +240°
- D09C97
Dull Apricot
- 93B693
≈ Mountain Fern
- 98ABD4
≈ Aster Flower Blue
Komplementarna rozszczepiona +150° +210°
- D09C97
Dull Apricot
- 80B8A9
≈ Winter Surf
- 84B2CD
≈ Batch Blue
Tetrada +90° +180° +270°
- D09C97
Dull Apricot
- A9B082
≈ Wall Green
- 7AB7BE
≈ Aqua Blue
- ADA4CF
≈ Milky Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.36:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.88:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.88:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--dull-apricot: #d09c97;
--dull-apricot-rgb: 208 156 151;
--dull-apricot-oklch: oklch(0.74 0.063 25);
}
.element {
color: var(--dull-apricot);
background-color: hsl(5 38% 70%);
border-color: oklch(0.74 0.063 25);
}Tailwind CSS v4
@theme {
--color-dull-apricot: #d09c97;
--color-dull-apricot-50: #ffefeb;
--color-dull-apricot-100: #fce0dd;
--color-dull-apricot-200: #eecbc6;
--color-dull-apricot-300: #d6aca6;
--color-dull-apricot-400: #c1908c;
--color-dull-apricot-500: #ac7671;
--color-dull-apricot-600: #926460;
--color-dull-apricot-700: #75504d;
--color-dull-apricot-800: #563a38;
--color-dull-apricot-900: #3c2826;
--color-dull-apricot-950: #261615;
}SCSS
$dull-apricot: #d09c97;
$dull-apricot-rgb: 208, 156, 151;
$dull-apricot-light: mix(#fff, $dull-apricot, 20%);
$dull-apricot-dark: mix(#000, $dull-apricot, 20%);
.element {
color: $dull-apricot;
box-shadow: 0 0 0 2px rgba($dull-apricot, 0.35);
}