Color con nombre · #DCD2B8
Quill
Quill es #DCD2B8: rgb(220 210 184), hsl(43 34% 79%), oklch(0.865 0.037 89.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Quill color name →
#DCD2B8
oklch(0.865 0.037 89.5)
Conversiones de color
- HEX
- #dcd2b8
- RGB
- rgb(220 210 184)
- HSL
- hsl(43 34% 79%)
- HWB
- hwb(43 72% 14%)
- OKLCH
- oklch(0.865 0.037 89.5)
- OKLab
- oklab(0.865 0 0.037)
- CIE Lab
- lab(84.5 0.41 14.25)
- LCH
- lch(84.5 14.25 88.3)
- CMYK
- cmyk(0% 5% 16% 14%)
Tintes · Sombras · Tonos
Tintes
- DFD6BF
- E3DBC6
- E6DFCD
- EAE4D4
- EDE8DB
- F1EDE2
- F4F1E9
- F8F6F1
- FBFAF8
Sombras
- BFB6A0
- A39B88
- 888171
- 6E685B
- 545045
- 3C3931
- 26241E
- 11100C
- 020202
Tonos
- D2C9B2
- C9C1AD
- BFB9A7
- B6B0A1
- ADA89C
- A4A096
- 9B9891
- 92908B
- 898886
Armonías de color
Complementario +180°
- DCD2B8
Quill
- C9D2EB
≈ Arctic Glow
Análogo -30° +30°
- DCD2B8
Quill
- E5CEBB
≈ Tanglewood Park
- CFD7BC
≈ Celery Satin
Triádico +120° +240°
- DCD2B8
Quill
- B8DAE0
≈ Tender Waves
- E1CADE
≈ Decadial Pink
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.95:1 · APCA Lc 80
Mejor color de texto: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--quill: #dcd2b8;
--quill-rgb: 220 210 184;
--quill-oklch: oklch(0.865 0.037 89.5);
}
.element {
color: var(--quill);
background-color: hsl(43 34% 79%);
border-color: oklch(0.865 0.037 89.5);
}Tailwind CSS v4
@theme {
--color-quill: #dcd2b8;
--color-quill-50: #f9f5ea;
--color-quill-100: #ece8da;
--color-quill-200: #dad4c3;
--color-quill-300: #beb7a3;
--color-quill-400: #a79e86;
--color-quill-500: #90856b;
--color-quill-600: #7a715b;
--color-quill-700: #615a48;
--color-quill-800: #484234;
--color-quill-900: #322d23;
--color-quill-950: #1e1a12;
}SCSS
$quill: #dcd2b8;
$quill-rgb: 220, 210, 184;
$quill-light: mix(#fff, $quill, 20%);
$quill-dark: mix(#000, $quill, 20%);
.element {
color: $quill;
box-shadow: 0 0 0 2px rgba($quill, 0.35);
}