Colore con nome · #FEDBB7
Pandora’s Box
Pandora’s Box è #FEDBB7: rgb(254 219 183), hsl(30 97% 86%), oklch(0.912 0.061 67.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pandora’s Box color name →
#FEDBB7
oklch(0.912 0.061 67.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FEDFBE
- FEE2C6
- FFE6CD
- FFEAD4
- FFEDDB
- FFF1E2
- FFF4EA
- FFF8F1
- FFFBF8
Ombre
- DDBE9F
- BDA287
- 9E8770
- 806D5A
- 635445
- 473C31
- 2D261E
- 16110C
- 030202
Toni
- F1D2B2
- E4C8AC
- D7BFA7
- CAB6A1
- BDAD9C
- B1A496
- A49B91
- 98928B
- 8C8986
Armonie di colore
Complementare +180°
- FEDBB7
Pandora’s Box
- CBE5FF
≈ Fresh Water
Analogo -30° +30°
- FEDBB7
Pandora’s Box
- FFD8CC
≈ Shell Tint
- EDE3B5
≈ Buttered
Triadico +120° +240°
- FEDBB7
Pandora’s Box
- B4F0E9
≈ East Cape
- ECD9FF
≈ Lavender Savour
Complementare divisa +150° +210°
- FEDBB7
Pandora’s Box
- B4EDFD
≈ Ice Effect
- DAE0FF
≈ Contrail
Tetradico +90° +180° +270°
- FEDBB7
Pandora’s Box
- C1EFD2
≈ Spatial Spirit
- CBE5FF
≈ Fresh Water
- FED3F0
≈ Shampoo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.03:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}