Nazwany kolor · #D6BCAA
Classic Sand
Classic Sand to #D6BCAA: rgb(214 188 170), hsl(25 35% 75%), oklch(0.813 0.039 56.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Classic Sand color name →
#D6BCAA
oklch(0.813 0.039 56.8)
Konwersje koloru
- HEX
- #d6bcaa
- RGB
- rgb(214 188 170)
- HSL
- hsl(25 35% 75%)
- HWB
- hwb(25 67% 16%)
- OKLCH
- oklch(0.813 0.039 56.8)
- OKLab
- oklab(0.813 0.021 0.032)
- CIE Lab
- lab(78.14 7.48 12.72)
- LCH
- lch(78.14 14.76 59.6)
- CMYK
- cmyk(0% 12% 21% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAC3B2
- DEC9BB
- E2D0C3
- E7D6CB
- EBDDD4
- EFE4DC
- F3EBE5
- F7F1EE
- FBF8F6
Odcienie ciemniejsze
- BAA393
- 9E8B7D
- 847368
- 6A5D53
- 52473F
- 3B322D
- 251F1B
- 100D0B
- 020201
Tony
- CDB6A6
- C4B0A2
- BCAA9D
- B3A499
- AA9E95
- A29891
- 99928D
- 918C88
- 888684
Harmonie kolorów
Komplementarna +180°
- D6BCAA
Classic Sand
- ABC6D8
≈ Dancing in the Rain
Analogowa -30° +30°
- D6BCAA
Classic Sand
- DAB9B4
≈ Rose Hip Tonic
- CDC1A6
≈ Stylish
Triada +120° +240°
- D6BCAA
Classic Sand
- A8CAC1
≈ Wave Runner
- C4BDD8
≈ Pretty Purple
Komplementarna rozszczepiona +150° +210°
- D6BCAA
Classic Sand
- A6C9CE
≈ Sky Chase
- B6C2DC
≈ Eternal Elegance
Tetrada +90° +180° +270°
- D6BCAA
Classic Sand
- B2C9B3
≈ Aqua Dream
- ABC6D8
≈ Dancing in the Rain
- D0B9CF
≈ Bedazzled
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.80:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.63:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--classic-sand: #d6bcaa;
--classic-sand-rgb: 214 188 170;
--classic-sand-oklch: oklch(0.813 0.039 56.8);
}
.element {
color: var(--classic-sand);
background-color: hsl(25 35% 75%);
border-color: oklch(0.813 0.039 56.8);
}Tailwind CSS v4
@theme {
--color-classic-sand: #d6bcaa;
--color-classic-sand-50: #fef3ea;
--color-classic-sand-100: #f2e5db;
--color-classic-sand-200: #e1d1c4;
--color-classic-sand-300: #c7b3a4;
--color-classic-sand-400: #b19989;
--color-classic-sand-500: #9b806d;
--color-classic-sand-600: #836c5d;
--color-classic-sand-700: #69574a;
--color-classic-sand-800: #4d3f36;
--color-classic-sand-900: #362b25;
--color-classic-sand-950: #211913;
}SCSS
$classic-sand: #d6bcaa;
$classic-sand-rgb: 214, 188, 170;
$classic-sand-light: mix(#fff, $classic-sand, 20%);
$classic-sand-dark: mix(#000, $classic-sand, 20%);
.element {
color: $classic-sand;
box-shadow: 0 0 0 2px rgba($classic-sand, 0.35);
}