Cor nomeada · #DDAA99
Perrigloss Tan
Perrigloss Tan é #DDAA99: rgb(221 170 153), hsl(15 50% 73%), oklch(0.78 0.065 39.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Perrigloss Tan color name →
#DDAA99
oklch(0.78 0.065 39.2)
Conversões de cor
- HEX
- #ddaa99
- RGB
- rgb(221 170 153)
- HSL
- hsl(15 50% 73%)
- HWB
- hwb(15 60% 13%)
- OKLCH
- oklch(0.78 0.065 39.2)
- OKLab
- oklab(0.78 0.05 0.041)
- CIE Lab
- lab(74.08 17.55 16.39)
- LCH
- lch(74.08 24.02 43)
- CMYK
- cmyk(0% 23% 31% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1B2A3
- E4BBAD
- E8C3B7
- ECCCC1
- EFD4CB
- F2DDD5
- F6E5E0
- F9EEEA
- FCF6F5
Sombras
- C09384
- A47D70
- 88685D
- 6E534A
- 553F38
- 3D2D27
- 261B17
- 110B08
- 020101
Tons
- D4A697
- CAA294
- C19D92
- B7998F
- AE958D
- A5918A
- 9C8D88
- 928885
- 898483
Harmonias de cor
Complementar +180°
- DDAA99
Perrigloss Tan
- 88C2D4
≈ Dreaming Blue
Análoga -30° +30°
- DDAA99
Perrigloss Tan
- DDA7AF
≈ Prom
- D3B18B
≈ Summerwood
Tríade +120° +240°
- DDAA99
Perrigloss Tan
- 94C5A9
≈ Spearmint Frosting
- AEB4E1
≈ Beloved
Complementar dividida +150° +210°
- DDAA99
Perrigloss Tan
- 86C5C0
≈ Holiday Turquoise
- 98BCE0
≈ Double Denim
Tétrade +90° +180° +270°
- DDAA99
Perrigloss Tan
- AAC094
≈ Seawashed Glass
- 88C2D4
≈ Dreaming Blue
- C4ADD8
≈ Purple Gala
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.28:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--perrigloss-tan: #ddaa99;
--perrigloss-tan-rgb: 221 170 153;
--perrigloss-tan-oklch: oklch(0.78 0.065 39.2);
}
.element {
color: var(--perrigloss-tan);
background-color: hsl(15 50% 73%);
border-color: oklch(0.78 0.065 39.2);
}Tailwind CSS v4
@theme {
--color-perrigloss-tan: #ddaa99;
--color-perrigloss-tan-50: #fff0e7;
--color-perrigloss-tan-100: #fce1d8;
--color-perrigloss-tan-200: #eeccbf;
--color-perrigloss-tan-300: #d5ad9e;
--color-perrigloss-tan-400: #c19282;
--color-perrigloss-tan-500: #ac7766;
--color-perrigloss-tan-600: #916557;
--color-perrigloss-tan-700: #755145;
--color-perrigloss-tan-800: #563b32;
--color-perrigloss-tan-900: #3c2822;
--color-perrigloss-tan-950: #261611;
}SCSS
$perrigloss-tan: #ddaa99;
$perrigloss-tan-rgb: 221, 170, 153;
$perrigloss-tan-light: mix(#fff, $perrigloss-tan, 20%);
$perrigloss-tan-dark: mix(#000, $perrigloss-tan, 20%);
.element {
color: $perrigloss-tan;
box-shadow: 0 0 0 2px rgba($perrigloss-tan, 0.35);
}