Benoemde kleur · #F0DEBD
Alabaster Gleam
Alabaster Gleam is #F0DEBD: rgb(240 222 189), hsl(39 63% 84%), oklch(0.907 0.048 82.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Alabaster Gleam color name →
#F0DEBD
oklch(0.907 0.048 82.7)
Kleurconversies
- HEX
- #f0debd
- RGB
- rgb(240 222 189)
- HSL
- hsl(39 63% 84%)
- HWB
- hwb(39 74% 6%)
- OKLCH
- oklch(0.907 0.048 82.7)
- OKLab
- oklab(0.907 0.006 0.047)
- CIE Lab
- lab(89.32 2.6 18.61)
- LCH
- lch(89.32 18.79 82.1)
- CMYK
- cmyk(0% 7% 21% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F2E1C4
- F3E5CA
- F5E8D1
- F6EBD7
- F8EFDE
- F9F2E5
- FBF5EB
- FCF8F2
- FEFCF8
Schaduwen
- D1C1A4
- B2A58C
- 958974
- 786F5D
- 5D5547
- 433D33
- 2A261F
- 14120D
- 030202
Tonen
- E4D4B7
- D9CBB1
- CDC1AB
- C2B7A4
- B6AE9E
- ABA598
- A09B92
- 95928C
- 8B8986
Kleurharmonieën
Complementair +180°
- F0DEBD
Alabaster Gleam
- D1E1FF
≈ Arc Light
Analoog -30° +30°
- F0DEBD
Alabaster Gleam
- FBD8C4
≈ Fire Mist
- E0E4C0
≈ Loch Modan Moss
Triadisch +120° +240°
- F0DEBD
Alabaster Gleam
- BCEAEE
≈ Light Opale
- F0D6F3
≈ Scented Spring
Gesplitst complementair +150° +210°
- F0DEBD
Alabaster Gleam
- C2E7FB
≈ Icy Landscape
- E1DBFE
≈ Transparent Blue
Tetradisch +90° +180° +270°
- F0DEBD
Alabaster Gleam
- C1EBDD
≈ Mint Tulip
- D1E1FF
≈ Arc Light
- FBD4E3
≈ Sunset Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.32:1 · APCA Lc 16
Ag
AAAOp zwart
WCAG 15.88:1 · APCA Lc 88
Beste tekstkleur: #000000
WCAG 15.88:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--alabaster-gleam: #f0debd;
--alabaster-gleam-rgb: 240 222 189;
--alabaster-gleam-oklch: oklch(0.907 0.048 82.7);
}
.element {
color: var(--alabaster-gleam);
background-color: hsl(39 63% 84%);
border-color: oklch(0.907 0.048 82.7);
}Tailwind CSS v4
@theme {
--color-alabaster-gleam: #f0debd;
--color-alabaster-gleam-50: #fbf4e6;
--color-alabaster-gleam-100: #efe7d6;
--color-alabaster-gleam-200: #ded3be;
--color-alabaster-gleam-300: #c3b69c;
--color-alabaster-gleam-400: #ac9c7f;
--color-alabaster-gleam-500: #968462;
--color-alabaster-gleam-600: #7f6f53;
--color-alabaster-gleam-700: #655942;
--color-alabaster-gleam-800: #4b4130;
--color-alabaster-gleam-900: #342d20;
--color-alabaster-gleam-950: #1f1a10;
}SCSS
$alabaster-gleam: #f0debd;
$alabaster-gleam-rgb: 240, 222, 189;
$alabaster-gleam-light: mix(#fff, $alabaster-gleam, 20%);
$alabaster-gleam-dark: mix(#000, $alabaster-gleam, 20%);
.element {
color: $alabaster-gleam;
box-shadow: 0 0 0 2px rgba($alabaster-gleam, 0.35);
}