Cor nomeada · #DDAA44
Crispy Chicken Skin
Crispy Chicken Skin é #DDAA44: rgb(221 170 68), hsl(40 69% 57%), oklch(0.767 0.131 81.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Crispy Chicken Skin color name →
#DDAA44
oklch(0.767 0.131 81.6)
Conversões de cor
- HEX
- #ddaa44
- RGB
- rgb(221 170 68)
- HSL
- hsl(40 69% 57%)
- HWB
- hwb(40 27% 13%)
- OKLCH
- oklch(0.767 0.131 81.6)
- OKLab
- oklab(0.767 0.019 0.13)
- CIE Lab
- lab(73.06 11.94 57.86)
- LCH
- lch(73.06 59.08 78.3)
- CMYK
- cmyk(0% 23% 69% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1B35C
- E4BB70
- E8C483
- EBCD96
- EFD5A8
- F2DEBA
- F5E6CB
- F9EEDC
- FCF7EE
Sombras
- C0933A
- A47D30
- 886826
- 6E531D
- 553F14
- 3D2D0C
- 261B05
- 110B02
- 020100
Tons
- D3A64E
- CAA257
- C19E5E
- B79A65
- AE966B
- A59170
- 9B8D74
- 928979
- 89847C
Harmonias de cor
Complementar +180°
- DDAA44
Crispy Chicken Skin
- 89B3FF
≈ Parakeet Blue
Análoga -30° +30°
- DDAA44
Crispy Chicken Skin
- F59A61
≈ Indian Paintbrush
- B6BB4F
≈ Japanese Fern
Tríade +120° +240°
- DDAA44
Crispy Chicken Skin
- 00CBD6
≈ Jade Glass
- DA96E5
≈ Bright Lilac
Complementar dividida +150° +210°
- DDAA44
Crispy Chicken Skin
- 48C1F8
≈ Shovel Knight
- B5A3FF
≈ Shy Moment
Tétrade +90° +180° +270°
- DDAA44
Crispy Chicken Skin
- 41CEA9
≈ Mint Jelly
- 89B3FF
≈ Parakeet Blue
- F28FBC
≈ Cochonnet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.90:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--crispy-chicken-skin: #ddaa44;
--crispy-chicken-skin-rgb: 221 170 68;
--crispy-chicken-skin-oklch: oklch(0.767 0.131 81.6);
}
.element {
color: var(--crispy-chicken-skin);
background-color: hsl(40 69% 57%);
border-color: oklch(0.767 0.131 81.6);
}Tailwind CSS v4
@theme {
--color-crispy-chicken-skin: #ddaa44;
--color-crispy-chicken-skin-50: #fff3cb;
--color-crispy-chicken-skin-100: #fde5b7;
--color-crispy-chicken-skin-200: #efd093;
--color-crispy-chicken-skin-300: #d7b265;
--color-crispy-chicken-skin-400: #c59634;
--color-crispy-chicken-skin-500: #b17b00;
--color-crispy-chicken-skin-600: #966800;
--color-crispy-chicken-skin-700: #785300;
--color-crispy-chicken-skin-800: #5a3c00;
--color-crispy-chicken-skin-900: #3f2900;
--color-crispy-chicken-skin-950: #281700;
}SCSS
$crispy-chicken-skin: #ddaa44;
$crispy-chicken-skin-rgb: 221, 170, 68;
$crispy-chicken-skin-light: mix(#fff, $crispy-chicken-skin, 20%);
$crispy-chicken-skin-dark: mix(#000, $crispy-chicken-skin, 20%);
.element {
color: $crispy-chicken-skin;
box-shadow: 0 0 0 2px rgba($crispy-chicken-skin, 0.35);
}