Color con nombre · #DCCCA3
Shui Jiao Dumpling
Shui Jiao Dumpling es #DCCCA3: rgb(220 204 163), hsl(43 45% 75%), oklch(0.848 0.057 89.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Shui Jiao Dumpling color name →
#DCCCA3
oklch(0.848 0.057 89.2)
Conversiones de color
- HEX
- #dccca3
- RGB
- rgb(220 204 163)
- HSL
- hsl(43 45% 75%)
- HWB
- hwb(43 64% 14%)
- OKLCH
- oklch(0.848 0.057 89.2)
- OKLab
- oklab(0.848 0.001 0.057)
- CIE Lab
- lab(82.61 1.12 22.64)
- LCH
- lch(82.61 22.67 87.2)
- CMYK
- cmyk(0% 7% 26% 14%)
Tintes · Sombras · Tonos
Tintes
- DFD1AC
- E3D6B5
- E6DBBF
- EAE0C8
- EDE5D1
- F1EBDA
- F4F0E3
- F8F5ED
- FBFAF6
Sombras
- BFB18D
- A39778
- 887E63
- 6E654F
- 544E3C
- 3C372A
- 262219
- 110F0A
- 020201
Tonos
- D2C4A0
- C9BC9C
- BFB599
- B6AD95
- ADA592
- A49E8E
- 9B968B
- 928F87
- 898784
Armonías de color
Complementario +180°
- DCCCA3
Shui Jiao Dumpling
- BECCF4
≈ Frost Fairy
Análogo -30° +30°
- DCCCA3
Shui Jiao Dumpling
- EAC5A9
≈ Pinkham
- C8D3A9
≈ Pistachio Pudding
Triádico +120° +240°
- DCCCA3
Shui Jiao Dumpling
- A2D8E1
≈ Terrace Pool
- E3C0E0
≈ Romantic Ballad
Complementario dividido +150° +210°
- DCCCA3
Shui Jiao Dumpling
- ACD3EF
≈ Gentle Wind
- D2C5EE
≈ Soap
Tetrádico +90° +180° +270°
- DCCCA3
Shui Jiao Dumpling
- A5DACE
≈ Lolly Ice
- BECCF4
≈ Frost Fairy
- EEBECC
≈ Pink Chintz
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.20:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--shui-jiao-dumpling: #dccca3;
--shui-jiao-dumpling-rgb: 220 204 163;
--shui-jiao-dumpling-oklch: oklch(0.848 0.057 89.2);
}
.element {
color: var(--shui-jiao-dumpling);
background-color: hsl(43 45% 75%);
border-color: oklch(0.848 0.057 89.2);
}Tailwind CSS v4
@theme {
--color-shui-jiao-dumpling: #dccca3;
--color-shui-jiao-dumpling-50: #fbf5e3;
--color-shui-jiao-dumpling-100: #efe8d3;
--color-shui-jiao-dumpling-200: #ddd4b9;
--color-shui-jiao-dumpling-300: #c2b797;
--color-shui-jiao-dumpling-400: #ac9d78;
--color-shui-jiao-dumpling-500: #95855a;
--color-shui-jiao-dumpling-600: #7e704c;
--color-shui-jiao-dumpling-700: #655a3d;
--color-shui-jiao-dumpling-800: #4b412b;
--color-shui-jiao-dumpling-900: #342d1d;
--color-shui-jiao-dumpling-950: #1f1a0d;
}SCSS
$shui-jiao-dumpling: #dccca3;
$shui-jiao-dumpling-rgb: 220, 204, 163;
$shui-jiao-dumpling-light: mix(#fff, $shui-jiao-dumpling, 20%);
$shui-jiao-dumpling-dark: mix(#000, $shui-jiao-dumpling, 20%);
.element {
color: $shui-jiao-dumpling;
box-shadow: 0 0 0 2px rgba($shui-jiao-dumpling, 0.35);
}