Nazwany kolor · #D0B7A4
Cocoa Dust
Cocoa Dust to #D0B7A4: rgb(208 183 164), hsl(26 32% 73%), oklch(0.796 0.039 59.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cocoa Dust color name →
#D0B7A4
oklch(0.796 0.039 59.4)
Konwersje koloru
- HEX
- #d0b7a4
- RGB
- rgb(208 183 164)
- HSL
- hsl(26 32% 73%)
- HWB
- hwb(26 64% 18%)
- OKLCH
- oklch(0.796 0.039 59.4)
- OKLab
- oklab(0.796 0.02 0.034)
- CIE Lab
- lab(76.21 7.03 13.16)
- LCH
- lch(76.21 14.92 61.9)
- CMYK
- cmyk(0% 12% 21% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5BEAD
- D9C5B6
- DECCBF
- E3D3C8
- E8DBD1
- ECE2DA
- F1E9E3
- F6F0EC
- FAF8F6
Odcienie ciemniejsze
- B59F8E
- 9A8779
- 807064
- 675A50
- 4F453D
- 39312B
- 231E1A
- 100C0A
- 020201
Tony
- C8B1A0
- C0AC9D
- B7A699
- AFA196
- A79B92
- 9F968E
- 97908B
- 908B87
- 888584
Harmonie kolorów
Komplementarna +180°
- D0B7A4
Cocoa Dust
- A6C0D3
≈ Simpatico Blue
Analogowa -30° +30°
- D0B7A4
Cocoa Dust
- D4B4AE
≈ Oyster Pink
- C6BCA1
≈ Chopped Almonds
Triada +120° +240°
- D0B7A4
Cocoa Dust
- A2C5BD
≈ New-Age Green
- C0B7D2
≈ Savile Row
Komplementarna rozszczepiona +150° +210°
- D0B7A4
Cocoa Dust
- A0C4CA
≈ Agua Fría
- B2BCD6
≈ Pigeon Post
Tetrada +90° +180° +270°
- D0B7A4
Cocoa Dust
- ACC4AF
≈ Spring Leaves
- A6C0D3
≈ Simpatico Blue
- CBB4C9
≈ Janey’s Party
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 10.99:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--cocoa-dust: #d0b7a4;
--cocoa-dust-rgb: 208 183 164;
--cocoa-dust-oklch: oklch(0.796 0.039 59.4);
}
.element {
color: var(--cocoa-dust);
background-color: hsl(26 32% 73%);
border-color: oklch(0.796 0.039 59.4);
}Tailwind CSS v4
@theme {
--color-cocoa-dust: #d0b7a4;
--color-cocoa-dust-50: #fef3ea;
--color-cocoa-dust-100: #f2e5db;
--color-cocoa-dust-200: #e1d1c4;
--color-cocoa-dust-300: #c7b3a4;
--color-cocoa-dust-400: #b09988;
--color-cocoa-dust-500: #9a806d;
--color-cocoa-dust-600: #826d5c;
--color-cocoa-dust-700: #68574a;
--color-cocoa-dust-800: #4d3f35;
--color-cocoa-dust-900: #362c24;
--color-cocoa-dust-950: #211913;
}SCSS
$cocoa-dust: #d0b7a4;
$cocoa-dust-rgb: 208, 183, 164;
$cocoa-dust-light: mix(#fff, $cocoa-dust, 20%);
$cocoa-dust-dark: mix(#000, $cocoa-dust, 20%);
.element {
color: $cocoa-dust;
box-shadow: 0 0 0 2px rgba($cocoa-dust, 0.35);
}