Color con nombre · #DCAF9F
Angel Breath
Angel Breath es #DCAF9F: rgb(220 175 159), hsl(16 47% 74%), oklch(0.79 0.057 40.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Angel Breath color name →
#DCAF9F
oklch(0.79 0.057 40.5)
Conversiones de color
- HEX
- #dcaf9f
- RGB
- rgb(220 175 159)
- HSL
- hsl(16 47% 74%)
- HWB
- hwb(16 62% 14%)
- OKLCH
- oklch(0.79 0.057 40.5)
- OKLab
- oklab(0.79 0.044 0.037)
- CIE Lab
- lab(75.3 15.21 14.8)
- LCH
- lch(75.3 21.22 44.2)
- CMYK
- cmyk(0% 20% 28% 14%)
Tintes · Sombras · Tonos
Tintes
- E0B7A8
- E3BFB2
- E7C7BB
- EBCFC5
- EED7CE
- F2DFD8
- F5E7E2
- F8EFEB
- FCF7F5
Sombras
- BF988A
- A38175
- 886B61
- 6E564D
- 54413B
- 3C2E29
- 261C18
- 110B09
- 020101
Tonos
- D3AA9C
- C9A699
- C0A196
- B79C93
- AD9790
- A4938D
- 9B8E89
- 928986
- 898583
Armonías de color
Complementario +180°
- DCAF9F
Angel Breath
- 92C4D5
≈ Blue Glint
Análogo -30° +30°
- DCAF9F
Angel Breath
- DDACB2
≈ Pale Chestnut
- D3B593
≈ Brown Hare
Triádico +120° +240°
- DCAF9F
Angel Breath
- 9BC7AE
≈ Mini Green
- B3B7E0
≈ Beloved
Complementario dividido +150° +210°
- DCAF9F
Angel Breath
- 90C7C3
≈ Enchanted Isle
- A0BEDF
≈ Blair
Tetrádico +90° +180° +270°
- DCAF9F
Angel Breath
- AEC39C
≈ Green Eggs & Cam
- 92C4D5
≈ Blue Glint
- C6B1D7
≈ Moonraker
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.67:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--angel-breath: #dcaf9f;
--angel-breath-rgb: 220 175 159;
--angel-breath-oklch: oklch(0.79 0.057 40.5);
}
.element {
color: var(--angel-breath);
background-color: hsl(16 47% 74%);
border-color: oklch(0.79 0.057 40.5);
}Tailwind CSS v4
@theme {
--color-angel-breath: #dcaf9f;
--color-angel-breath-50: #fff0e8;
--color-angel-breath-100: #fae2d9;
--color-angel-breath-200: #ebcdc1;
--color-angel-breath-300: #d2aea1;
--color-angel-breath-400: #bd9485;
--color-angel-breath-500: #a87a69;
--color-angel-breath-600: #8e6759;
--color-angel-breath-700: #725247;
--color-angel-breath-800: #543c34;
--color-angel-breath-900: #3b2923;
--color-angel-breath-950: #251712;
}SCSS
$angel-breath: #dcaf9f;
$angel-breath-rgb: 220, 175, 159;
$angel-breath-light: mix(#fff, $angel-breath, 20%);
$angel-breath-dark: mix(#000, $angel-breath, 20%);
.element {
color: $angel-breath;
box-shadow: 0 0 0 2px rgba($angel-breath, 0.35);
}