Color con nombre · #DDBB99
Cane Sugar Glaze
Cane Sugar Glaze es #DDBB99: rgb(221 187 153), hsl(30 50% 73%), oklch(0.813 0.06 66.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Cane Sugar Glaze color name →
#DDBB99
oklch(0.813 0.06 66.8)
Conversiones de color
- HEX
- #ddbb99
- RGB
- rgb(221 187 153)
- HSL
- hsl(30 50% 73%)
- HWB
- hwb(30 60% 13%)
- OKLCH
- oklch(0.813 0.06 66.8)
- OKLab
- oklab(0.813 0.024 0.055)
- CIE Lab
- lab(78.25 8.96 22.05)
- LCH
- lch(78.25 23.8 67.9)
- CMYK
- cmyk(0% 15% 31% 13%)
Tintes · Sombras · Tonos
Tintes
- E1C2A3
- E4C8AD
- E7CFB7
- EBD6C1
- EEDDCC
- F2E4D6
- F5EAE0
- F8F1EA
- FCF8F5
Sombras
- C0A284
- A48A70
- 88735D
- 6E5C4A
- 554638
- 3D3227
- 261F17
- 110D08
- 020201
Tonos
- D3B597
- CAAF94
- C0A992
- B7A390
- AE9D8D
- A4978B
- 9B9188
- 928C85
- 898683
Armonías de color
Complementario +180°
- DDBB99
Cane Sugar Glaze
- A3C6E7
≈ Island Light
Análogo -30° +30°
- DDBB99
Cane Sugar Glaze
- E6B5A7
≈ City of Pink Angels
- CDC396
≈ Hippolyta
Triádico +120° +240°
- DDBB99
Cane Sugar Glaze
- 95CFC8
≈ Tropical Holiday
- CCB8E1
≈ Viking Diva
Complementario dividido +150° +210°
- DDBB99
Cane Sugar Glaze
- 96CCDB
≈ Blue Stream
- B7BFE9
≈ Larkspur Bud
Tetrádico +90° +180° +270°
- DDBB99
Cane Sugar Glaze
- A3CEB2
≈ Retro Mint
- A3C6E7
≈ Island Light
- DCB4D0
≈ Purple Poodle
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.64:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--cane-sugar-glaze: #ddbb99;
--cane-sugar-glaze-rgb: 221 187 153;
--cane-sugar-glaze-oklch: oklch(0.813 0.06 66.8);
}
.element {
color: var(--cane-sugar-glaze);
background-color: hsl(30 50% 73%);
border-color: oklch(0.813 0.06 66.8);
}Tailwind CSS v4
@theme {
--color-cane-sugar-glaze: #ddbb99;
--color-cane-sugar-glaze-50: #fff2e3;
--color-cane-sugar-glaze-100: #f6e5d3;
--color-cane-sugar-glaze-200: #e6d0b9;
--color-cane-sugar-glaze-300: #ccb297;
--color-cane-sugar-glaze-400: #b79879;
--color-cane-sugar-glaze-500: #a27f5b;
--color-cane-sugar-glaze-600: #896b4d;
--color-cane-sugar-glaze-700: #6d563e;
--color-cane-sugar-glaze-800: #513e2c;
--color-cane-sugar-glaze-900: #382b1e;
--color-cane-sugar-glaze-950: #23180e;
}SCSS
$cane-sugar-glaze: #ddbb99;
$cane-sugar-glaze-rgb: 221, 187, 153;
$cane-sugar-glaze-light: mix(#fff, $cane-sugar-glaze, 20%);
$cane-sugar-glaze-dark: mix(#000, $cane-sugar-glaze, 20%);
.element {
color: $cane-sugar-glaze;
box-shadow: 0 0 0 2px rgba($cane-sugar-glaze, 0.35);
}