Colore con nome · #FBDDBE
Mystic Opal
Mystic Opal è #FBDDBE: rgb(251 221 190), hsl(30 88% 86%), oklch(0.915 0.053 68). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mystic Opal color name →
#FBDDBE
oklch(0.915 0.053 68)
Conversioni di colore
- HEX
- #fbddbe
- RGB
- rgb(251 221 190)
- HSL
- hsl(30 88% 86%)
- HWB
- hwb(30 75% 2%)
- OKLCH
- oklch(0.915 0.053 68)
- OKLab
- oklab(0.915 0.02 0.049)
- CIE Lab
- lab(90.05 7.31 19.29)
- LCH
- lch(90.05 20.62 69.2)
- CMYK
- cmyk(0% 12% 24% 2%)
Tinte · Ombre · Toni
Tinte
- FCE0C5
- FCE4CB
- FCE7D2
- FDEBD8
- FDEEDF
- FEF1E5
- FEF5EC
- FEF8F2
- FFFCF9
Ombre
- DAC0A5
- BAA48C
- 9C8875
- 7E6E5E
- 615548
- 463D33
- 2D261F
- 15110D
- 030202
Toni
- EED3B8
- E1CAB1
- D5C0AB
- C8B7A5
- BCAD9F
- B0A499
- A39B92
- 97928C
- 8C8986
Armonie di colore
Complementare +180°
- FBDDBE
Mystic Opal
- CDE6FF
≈ Veiling Waterfalls
Analogo -30° +30°
- FBDDBE
Mystic Opal
- FFD9CD
≈ Yours Truly
- ECE4BC
≈ Arctic Daisy
Triadico +120° +240°
- FBDDBE
Mystic Opal
- BCEFE9
≈ Cold Blooded
- ECDAFF
≈ Lavender Savour
Complementare divisa +150° +210°
- FBDDBE
Mystic Opal
- BCECFA
≈ Ice Effect
- DCE1FF
≈ Stoic White
Tetradico +90° +180° +270°
- FBDDBE
Mystic Opal
- C7EED6
≈ Celery Stick
- CDE6FF
≈ Veiling Waterfalls
- FBD6EF
≈ Jacaranda
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.18:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--mystic-opal: #fbddbe;
--mystic-opal-rgb: 251 221 190;
--mystic-opal-oklch: oklch(0.915 0.053 68);
}
.element {
color: var(--mystic-opal);
background-color: hsl(30 88% 86%);
border-color: oklch(0.915 0.053 68);
}Tailwind CSS v4
@theme {
--color-mystic-opal: #fbddbe;
--color-mystic-opal-50: #fff3e5;
--color-mystic-opal-100: #f4e5d5;
--color-mystic-opal-200: #e3d1bd;
--color-mystic-opal-300: #c9b39b;
--color-mystic-opal-400: #b4997d;
--color-mystic-opal-500: #9e8060;
--color-mystic-opal-600: #856c52;
--color-mystic-opal-700: #6b5741;
--color-mystic-opal-800: #4f3f2f;
--color-mystic-opal-900: #372b20;
--color-mystic-opal-950: #22190f;
}SCSS
$mystic-opal: #fbddbe;
$mystic-opal-rgb: 251, 221, 190;
$mystic-opal-light: mix(#fff, $mystic-opal, 20%);
$mystic-opal-dark: mix(#000, $mystic-opal, 20%);
.element {
color: $mystic-opal;
box-shadow: 0 0 0 2px rgba($mystic-opal, 0.35);
}