Color con nombre · #DEB59A
Pink Tulle
Pink Tulle es #DEB59A: rgb(222 181 154), hsl(24 51% 74%), oklch(0.803 0.06 55). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Pink Tulle color name →
#DEB59A
oklch(0.803 0.06 55)
Conversiones de color
- HEX
- #deb59a
- RGB
- rgb(222 181 154)
- HSL
- hsl(24 51% 74%)
- HWB
- hwb(24 60% 13%)
- OKLCH
- oklch(0.803 0.06 55)
- OKLab
- oklab(0.803 0.035 0.049)
- CIE Lab
- lab(76.88 12.47 19.69)
- LCH
- lch(76.88 23.3 57.7)
- CMYK
- cmyk(0% 18% 31% 13%)
Tintes · Sombras · Tonos
Tintes
- E2BCA4
- E5C4AE
- E8CBB8
- ECD2C2
- EFDACC
- F2E1D6
- F6E9E0
- F9F0EA
- FCF8F5
Sombras
- C19D85
- A58671
- 896F5E
- 6F594B
- 554439
- 3D3027
- 261D17
- 120C09
- 020201
Tonos
- D4B098
- CBAA95
- C1A593
- B8A090
- AE9A8D
- A5958B
- 9C9088
- 928A85
- 898583
Armonías de color
Complementario +180°
- DEB59A
Pink Tulle
- 99C6E0
≈ Pale Cerulean
Análogo -30° +30°
- DEB59A
Pink Tulle
- E3B0AB
≈ Rose Silk
- D0BC92
≈ Subtle Suede
Triádico +120° +240°
- DEB59A
Pink Tulle
- 96CCBC
≈ Mint Twist
- C1B7E2
≈ Melrose
Complementario dividido +150° +210°
- DEB59A
Pink Tulle
- 90CAD1
≈ Bathing
- ACBFE6
≈ Promise
Tetrádico +90° +180° +270°
- DEB59A
Pink Tulle
- A7C9A7
≈ French Market
- 99C6E0
≈ Pale Cerulean
- D3B2D4
≈ Confectionary
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.87:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.18:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-tulle: #deb59a;
--pink-tulle-rgb: 222 181 154;
--pink-tulle-oklch: oklch(0.803 0.06 55);
}
.element {
color: var(--pink-tulle);
background-color: hsl(24 51% 74%);
border-color: oklch(0.803 0.06 55);
}Tailwind CSS v4
@theme {
--color-pink-tulle: #deb59a;
--color-pink-tulle-50: #fff1e5;
--color-pink-tulle-100: #f8e3d5;
--color-pink-tulle-200: #e9cebc;
--color-pink-tulle-300: #d0b09a;
--color-pink-tulle-400: #bb967d;
--color-pink-tulle-500: #a67c60;
--color-pink-tulle-600: #8c6951;
--color-pink-tulle-700: #705441;
--color-pink-tulle-800: #533d2f;
--color-pink-tulle-900: #3a2a20;
--color-pink-tulle-950: #24170f;
}SCSS
$pink-tulle: #deb59a;
$pink-tulle-rgb: 222, 181, 154;
$pink-tulle-light: mix(#fff, $pink-tulle, 20%);
$pink-tulle-dark: mix(#000, $pink-tulle, 20%);
.element {
color: $pink-tulle;
box-shadow: 0 0 0 2px rgba($pink-tulle, 0.35);
}