Nazwany kolor · #DCC6BA
Cotton & Flax
Cotton & Flax to #DCC6BA: rgb(220 198 186), hsl(21 33% 80%), oklch(0.842 0.03 50.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cotton & Flax color name →
#DCC6BA
oklch(0.842 0.03 50.6)
Konwersje koloru
- HEX
- #dcc6ba
- RGB
- rgb(220 198 186)
- HSL
- hsl(21 33% 80%)
- HWB
- hwb(21 73% 14%)
- OKLCH
- oklch(0.842 0.03 50.6)
- OKLab
- oklab(0.842 0.019 0.023)
- CIE Lab
- lab(81.5 6.55 9)
- LCH
- lch(81.5 11.13 53.9)
- CMYK
- cmyk(0% 10% 15% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0CCC1
- E3D1C8
- E7D7CE
- EADDD5
- EEE2DC
- F1E8E3
- F5EEEA
- F8F3F1
- FCF9F8
Odcienie ciemniejsze
- BFACA1
- A39289
- 887A72
- 6E625C
- 544B46
- 3C3532
- 26211E
- 110E0D
- 020202
Tony
- D2BFB4
- C9B8AE
- C0B0A8
- B6A9A2
- ADA29D
- A49B97
- 9B9491
- 928E8B
- 898786
Harmonie kolorów
Komplementarna +180°
- DCC6BA
Cotton & Flax
- B8CFDB
≈ Light Vanilla Ice
Analogowa -30° +30°
- DCC6BA
Cotton & Flax
- DEC4C3
≈ Spice Girl
- D5C9B6
≈ Sandstone Cliff
Triada +120° +240°
- DCC6BA
Cotton & Flax
- B9D2C8
≈ Sage Bundle
- CAC8DE
≈ Gregorio Garden
Komplementarna rozszczepiona +150° +210°
- DCC6BA
Cotton & Flax
- B5D1D3
≈ Lakeside Find
- C0CCDF
≈ Arctic Grey
Tetrada +90° +180° +270°
- DCC6BA
Cotton & Flax
- C1D0BE
≈ Budding Green
- B8CFDB
≈ Light Vanilla Ice
- D4C5D7
≈ Tender Touch
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.82:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--cotton-flax: #dcc6ba;
--cotton-flax-rgb: 220 198 186;
--cotton-flax-oklch: oklch(0.842 0.03 50.6);
}
.element {
color: var(--cotton-flax);
background-color: hsl(21 33% 80%);
border-color: oklch(0.842 0.03 50.6);
}Tailwind CSS v4
@theme {
--color-cotton-flax: #dcc6ba;
--color-cotton-flax-50: #fdf3ed;
--color-cotton-flax-100: #f0e5df;
--color-cotton-flax-200: #dfd1c9;
--color-cotton-flax-300: #c4b4aa;
--color-cotton-flax-400: #ae9a8f;
--color-cotton-flax-500: #978175;
--color-cotton-flax-600: #806d63;
--color-cotton-flax-700: #66574f;
--color-cotton-flax-800: #4b3f39;
--color-cotton-flax-900: #342c27;
--color-cotton-flax-950: #201915;
}SCSS
$cotton-flax: #dcc6ba;
$cotton-flax-rgb: 220, 198, 186;
$cotton-flax-light: mix(#fff, $cotton-flax, 20%);
$cotton-flax-dark: mix(#000, $cotton-flax, 20%);
.element {
color: $cotton-flax;
box-shadow: 0 0 0 2px rgba($cotton-flax, 0.35);
}