Cor nomeada · #FED8B1
Venus Deathtrap
Venus Deathtrap é #FED8B1: rgb(254 216 177), hsl(30 97% 85%), oklch(0.905 0.066 67.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Venus Deathtrap color name →
#FED8B1
oklch(0.905 0.066 67.6)
Conversões de cor
- HEX
- #fed8b1
- RGB
- rgb(254 216 177)
- HSL
- hsl(30 97% 85%)
- HWB
- hwb(30 69% 0%)
- OKLCH
- oklch(0.905 0.066 67.6)
- OKLab
- oklab(0.905 0.025 0.061)
- CIE Lab
- lab(88.9 9.63 24.48)
- LCH
- lch(88.9 26.3 68.5)
- CMYK
- cmyk(0% 15% 30% 0%)
Tons claros · Sombras · Tons
Tons claros
- FEDCB9
- FFE0C1
- FFE4C9
- FFE8D0
- FFECD8
- FFF0E0
- FFF3E8
- FFF7F0
- FFFBF7
Sombras
- DDBC99
- BDA083
- 9E856C
- 806B57
- 635342
- 473B2F
- 2D251C
- 16110C
- 030201
Tons
- F1CFAC
- E4C6A7
- D7BDA3
- CAB49E
- BDAB99
- B1A294
- A49A8F
- 98918A
- 8C8885
Harmonias de cor
Complementar +180°
- FED8B1
Venus Deathtrap
- C7E3FF
≈ Fresh Water
Análoga -30° +30°
- FED8B1
Venus Deathtrap
- FFD5C8
≈ Tiny Pink
- EBE1AE
≈ Citrus Rind
Tríade +120° +240°
- FED8B1
Venus Deathtrap
- ADEFE7
≈ East Cape
- EAD6FF
≈ Rose Dragée
Complementar dividida +150° +210°
- FED8B1
Venus Deathtrap
- AEEBFD
≈ Beyond the Clouds
- D8DDFF
≈ Transparent Blue
Tétrade +90° +180° +270°
- FED8B1
Venus Deathtrap
- BCEECF
≈ Mystery Mint
- C7E3FF
≈ Fresh Water
- FECFEF
≈ Shampoo
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.67:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--venus-deathtrap: #fed8b1;
--venus-deathtrap-rgb: 254 216 177;
--venus-deathtrap-oklch: oklch(0.905 0.066 67.6);
}
.element {
color: var(--venus-deathtrap);
background-color: hsl(30 97% 85%);
border-color: oklch(0.905 0.066 67.6);
}Tailwind CSS v4
@theme {
--color-venus-deathtrap: #fed8b1;
--color-venus-deathtrap-50: #fff2e1;
--color-venus-deathtrap-100: #f7e5d1;
--color-venus-deathtrap-200: #e7d0b6;
--color-venus-deathtrap-300: #ceb293;
--color-venus-deathtrap-400: #b99774;
--color-venus-deathtrap-500: #a47e55;
--color-venus-deathtrap-600: #8a6b49;
--color-venus-deathtrap-700: #6f553a;
--color-venus-deathtrap-800: #523e29;
--color-venus-deathtrap-900: #392a1c;
--color-venus-deathtrap-950: #24180c;
}SCSS
$venus-deathtrap: #fed8b1;
$venus-deathtrap-rgb: 254, 216, 177;
$venus-deathtrap-light: mix(#fff, $venus-deathtrap, 20%);
$venus-deathtrap-dark: mix(#000, $venus-deathtrap, 20%);
.element {
color: $venus-deathtrap;
box-shadow: 0 0 0 2px rgba($venus-deathtrap, 0.35);
}