Nazwany kolor · #DACAB2
Softer Tan
Softer Tan to #DACAB2: rgb(218 202 178), hsl(36 35% 78%), oklch(0.846 0.037 78.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Softer Tan color name →
#DACAB2
oklch(0.846 0.037 78.1)
Konwersje koloru
- HEX
- #dacab2
- RGB
- rgb(218 202 178)
- HSL
- hsl(36 35% 78%)
- HWB
- hwb(36 70% 15%)
- OKLCH
- oklch(0.846 0.037 78.1)
- OKLab
- oklab(0.846 0.008 0.036)
- CIE Lab
- lab(82.18 2.92 14.16)
- LCH
- lch(82.18 14.45 78.4)
- CMYK
- cmyk(0% 7% 18% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DECFBA
- E1D4C1
- E5DAC9
- E9DFD0
- ECE4D8
- F0EAE0
- F4EFE8
- F8F4EF
- FBFAF7
Odcienie ciemniejsze
- BDAF9A
- A29583
- 877C6D
- 6C6457
- 544D43
- 3C372F
- 25221D
- 110F0C
- 020201
Tony
- D1C2AD
- C7BBA8
- BEB3A3
- B5AC9E
- ACA499
- A39D94
- 9A968F
- 918E8A
- 898785
Harmonie kolorów
Komplementarna +180°
- DACAB2
Softer Tan
- BECEE5
≈ Misty Mountains
Analogowa -30° +30°
- DACAB2
Softer Tan
- E2C6B8
≈ Cream Tan
- CECFB3
≈ Longbeard Grey
Triada +120° +240°
- DACAB2
Softer Tan
- B1D4D5
≈ Light Continental Waters
- D7C5DC
≈ On Location
Komplementarna rozszczepiona +150° +210°
- DACAB2
Softer Tan
- B4D2E0
≈ Early June
- CBC9E4
≈ Opus
Tetrada +90° +180° +270°
- DACAB2
Softer Tan
- B6D5C8
≈ Gemini
- BECEE5
≈ Misty Mountains
- E0C3D1
≈ Elusive Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.60:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.07:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--softer-tan: #dacab2;
--softer-tan-rgb: 218 202 178;
--softer-tan-oklch: oklch(0.846 0.037 78.1);
}
.element {
color: var(--softer-tan);
background-color: hsl(36 35% 78%);
border-color: oklch(0.846 0.037 78.1);
}Tailwind CSS v4
@theme {
--color-softer-tan: #dacab2;
--color-softer-tan-50: #fbf4ea;
--color-softer-tan-100: #eee7da;
--color-softer-tan-200: #ddd3c3;
--color-softer-tan-300: #c1b6a3;
--color-softer-tan-400: #ab9c86;
--color-softer-tan-500: #94846b;
--color-softer-tan-600: #7d6f5b;
--color-softer-tan-700: #645948;
--color-softer-tan-800: #4a4134;
--color-softer-tan-900: #332d24;
--color-softer-tan-950: #1f1a12;
}SCSS
$softer-tan: #dacab2;
$softer-tan-rgb: 218, 202, 178;
$softer-tan-light: mix(#fff, $softer-tan, 20%);
$softer-tan-dark: mix(#000, $softer-tan, 20%);
.element {
color: $softer-tan;
box-shadow: 0 0 0 2px rgba($softer-tan, 0.35);
}