Cor nomeada · #FEDBB7
Pandora’s Box
Pandora’s Box é #FEDBB7: rgb(254 219 183), hsl(30 97% 86%), oklch(0.912 0.061 67.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pandora’s Box color name →
#FEDBB7
oklch(0.912 0.061 67.7)
Conversões de cor
- HEX
- #fedbb7
- RGB
- rgb(254 219 183)
- HSL
- hsl(30 97% 86%)
- HWB
- hwb(30 72% 0%)
- OKLCH
- oklch(0.912 0.061 67.7)
- OKLab
- oklab(0.912 0.023 0.057)
- CIE Lab
- lab(89.72 8.73 22.5)
- LCH
- lch(89.72 24.13 68.8)
- CMYK
- cmyk(0% 14% 28% 0%)
Tons claros · Sombras · Tons
Tons claros
- FEDFBE
- FEE2C6
- FFE6CD
- FFEAD4
- FFEDDB
- FFF1E2
- FFF4EA
- FFF8F1
- FFFBF8
Sombras
- DDBE9F
- BDA287
- 9E8770
- 806D5A
- 635445
- 473C31
- 2D261E
- 16110C
- 030202
Tons
- F1D2B2
- E4C8AC
- D7BFA7
- CAB6A1
- BDAD9C
- B1A496
- A49B91
- 98928B
- 8C8986
Harmonias de cor
Complementar +180°
- FEDBB7
Pandora’s Box
- CBE5FF
≈ Fresh Water
Análoga -30° +30°
- FEDBB7
Pandora’s Box
- FFD8CC
≈ Shell Tint
- EDE3B5
≈ Buttered
Tríade +120° +240°
- FEDBB7
Pandora’s Box
- B4F0E9
≈ East Cape
- ECD9FF
≈ Lavender Savour
Complementar dividida +150° +210°
- FEDBB7
Pandora’s Box
- B4EDFD
≈ Ice Effect
- DAE0FF
≈ Contrail
Tétrade +90° +180° +270°
- FEDBB7
Pandora’s Box
- C1EFD2
≈ Spatial Spirit
- CBE5FF
≈ Fresh Water
- FED3F0
≈ Shampoo
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.03:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--pandora-s-box: #fedbb7;
--pandora-s-box-rgb: 254 219 183;
--pandora-s-box-oklch: oklch(0.912 0.061 67.7);
}
.element {
color: var(--pandora-s-box);
background-color: hsl(30 97% 86%);
border-color: oklch(0.912 0.061 67.7);
}Tailwind CSS v4
@theme {
--color-pandora-s-box: #fedbb7;
--color-pandora-s-box-50: #fff3e3;
--color-pandora-s-box-100: #f6e5d2;
--color-pandora-s-box-200: #e6d0b9;
--color-pandora-s-box-300: #ccb296;
--color-pandora-s-box-400: #b79878;
--color-pandora-s-box-500: #a27f5a;
--color-pandora-s-box-600: #896b4c;
--color-pandora-s-box-700: #6d563d;
--color-pandora-s-box-800: #513e2b;
--color-pandora-s-box-900: #392b1d;
--color-pandora-s-box-950: #23180d;
}SCSS
$pandora-s-box: #fedbb7;
$pandora-s-box-rgb: 254, 219, 183;
$pandora-s-box-light: mix(#fff, $pandora-s-box, 20%);
$pandora-s-box-dark: mix(#000, $pandora-s-box, 20%);
.element {
color: $pandora-s-box;
box-shadow: 0 0 0 2px rgba($pandora-s-box, 0.35);
}