Color con nombre · #DDDDBB
Endless Silk
Endless Silk es #DDDDBB: rgb(221 221 187), hsl(60 33% 80%), oklch(0.889 0.045 107.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Endless Silk color name →
#DDDDBB
oklch(0.889 0.045 107.3)
Conversiones de color
- HEX
- #ddddbb
- RGB
- rgb(221 221 187)
- HSL
- hsl(60 33% 80%)
- HWB
- hwb(60 73% 13%)
- OKLCH
- oklch(0.889 0.045 107.3)
- OKLab
- oklab(0.889 -0.013 0.043)
- CIE Lab
- lab(87.45 -4.2 16.78)
- LCH
- lch(87.45 17.3 104)
- CMYK
- cmyk(0% 0% 15% 13%)
Tintes · Sombras · Tonos
Tintes
- E0E0C2
- E4E4C9
- E7E7CF
- EAEBD6
- EEEEDD
- F1F1E4
- F5F5EB
- F8F8F1
- FCFCF8
Sombras
- C0C0A2
- A4A48A
- 888873
- 6E6E5C
- 555546
- 3D3D32
- 26261F
- 11110D
- 020202
Tonos
- D3D3B5
- CACAAF
- C0C0A9
- B7B7A3
- ADAD9D
- A4A497
- 9B9B92
- 92928C
- 898986
Armonías de color
Complementario +180°
- DDDDBB
Endless Silk
- D8D6F7
≈ Japan Blush
Análogo -30° +30°
- DDDDBB
Endless Silk
- EBD7BA
≈ White Hot Chocolate
- CDE2C5
≈ Soft Moss
Triádico +120° +240°
- DDDDBB
Endless Silk
- BCE1F2
≈ Tropical Pool
- F2CFE0
≈ Minimal Rose
Complementario dividido +150° +210°
- DDDDBB
Endless Silk
- C8DCF9
≈ Fly a Kite
- E7D2EE
≈ Lavender Princess
Tetrádico +90° +180° +270°
- DDDDBB
Endless Silk
- B9E4E5
≈ Soaring Sky
- D8D6F7
≈ Japan Blush
- F7CFCF
≈ Strawberry Ripple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.13:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--endless-silk: #ddddbb;
--endless-silk-rgb: 221 221 187;
--endless-silk-oklch: oklch(0.889 0.045 107.3);
}
.element {
color: var(--endless-silk);
background-color: hsl(60 33% 80%);
border-color: oklch(0.889 0.045 107.3);
}Tailwind CSS v4
@theme {
--color-endless-silk: #ddddbb;
--color-endless-silk-50: #f6f6e8;
--color-endless-silk-100: #e9e9d8;
--color-endless-silk-200: #d5d6c0;
--color-endless-silk-300: #b9ba9f;
--color-endless-silk-400: #a1a182;
--color-endless-silk-500: #898966;
--color-endless-silk-600: #747457;
--color-endless-silk-700: #5d5d45;
--color-endless-silk-800: #444331;
--color-endless-silk-900: #2f2f21;
--color-endless-silk-950: #1c1b11;
}SCSS
$endless-silk: #ddddbb;
$endless-silk-rgb: 221, 221, 187;
$endless-silk-light: mix(#fff, $endless-silk, 20%);
$endless-silk-dark: mix(#000, $endless-silk, 20%);
.element {
color: $endless-silk;
box-shadow: 0 0 0 2px rgba($endless-silk, 0.35);
}