Named color · #F2E9A5
Majestic Treasures
Majestic Treasures is #F2E9A5: rgb(242 233 165), hsl(53 75% 80%), oklch(0.925 0.087 101.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Majestic Treasures color name →
#F2E9A5
oklch(0.925 0.087 101.5)
Color conversions
- HEX
- #f2e9a5
- RGB
- rgb(242 233 165)
- HSL
- hsl(53 75% 80%)
- HWB
- hwb(53 65% 5%)
- OKLCH
- oklch(0.925 0.087 101.5)
- OKLab
- oklab(0.925 -0.017 0.085)
- CIE Lab
- lab(91.89 -4.22 34.3)
- LCH
- lch(91.89 34.56 97)
- CMYK
- cmyk(0% 4% 32% 5%)
Tints · Shades · Tones
Tints
- F3EBAF
- F4EEB8
- F6F0C1
- F7F2CA
- F8F4D3
- FAF7DC
- FBF9E5
- FCFBEE
- FEFDF6
Shades
- D2CB8F
- B4AD79
- 969065
- 797451
- 5E5A3D
- 43412B
- 2B291A
- 14130A
- 030301
Tones
- E6DEA2
- DAD39E
- CEC99B
- C3BE97
- B7B394
- ACA990
- A19F8C
- 969488
- 8B8A84
Color harmonies
Complementary +180°
- F2E9A5
Majestic Treasures
- E2E4FF
≈ Lavender Mist
Analogous -30° +30°
- F2E9A5
Majestic Treasures
- FFE1BD
≈ Orange Glow
- D2F3B7
≈ Chicon
Triadic +120° +240°
- F2E9A5
Majestic Treasures
- C2EFFF
≈ Heaven’s Gate
- FFDAF0
≈ Sweet Sachet
Split-complementary +150° +210°
- F2E9A5
Majestic Treasures
- D5E9FF
≈ Veiling Waterfalls
- F1DEFF
≈ Lavender Savour
Tetradic +90° +180° +270°
- F2E9A5
Majestic Treasures
- 9FF9F5
≈ Eternal Winter
- E2E4FF
≈ Lavender Mist
- FFDCE0
≈ Sweet Mallow
Contrast & accessibility
Ag
FailOn white
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.97:1 · APCA Lc 92
Best text color: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--majestic-treasures: #f2e9a5;
--majestic-treasures-rgb: 242 233 165;
--majestic-treasures-oklch: oklch(0.925 0.087 101.5);
}
.element {
color: var(--majestic-treasures);
background-color: hsl(53 75% 80%);
border-color: oklch(0.925 0.087 101.5);
}Tailwind CSS v4
@theme {
--color-majestic-treasures: #f2e9a5;
--color-majestic-treasures-50: #f9f7db;
--color-majestic-treasures-100: #eceac9;
--color-majestic-treasures-200: #dad7ac;
--color-majestic-treasures-300: #bfba86;
--color-majestic-treasures-400: #a9a063;
--color-majestic-treasures-500: #92883e;
--color-majestic-treasures-600: #7c7336;
--color-majestic-treasures-700: #635c2b;
--color-majestic-treasures-800: #4a431d;
--color-majestic-treasures-900: #332e13;
--color-majestic-treasures-950: #1f1b05;
}SCSS
$majestic-treasures: #f2e9a5;
$majestic-treasures-rgb: 242, 233, 165;
$majestic-treasures-light: mix(#fff, $majestic-treasures, 20%);
$majestic-treasures-dark: mix(#000, $majestic-treasures, 20%);
.element {
color: $majestic-treasures;
box-shadow: 0 0 0 2px rgba($majestic-treasures, 0.35);
}