Named color · #F9F2D1
Flashpoint
Flashpoint is #F9F2D1: rgb(249 242 209), hsl(50 77% 90%), oklch(0.958 0.044 97.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Flashpoint color name →
#F9F2D1
oklch(0.958 0.044 97.3)
Color conversions
- HEX
- #f9f2d1
- RGB
- rgb(249 242 209)
- HSL
- hsl(50 77% 90%)
- HWB
- hwb(50 82% 2%)
- OKLCH
- oklch(0.958 0.044 97.3)
- OKLab
- oklab(0.958 -0.006 0.043)
- CIE Lab
- lab(95.41 -1.51 16.88)
- LCH
- lch(95.41 16.95 95.1)
- CMYK
- cmyk(0% 3% 16% 2%)
Tints · Shades · Tones
Tints
- FAF3D6
- FAF5DA
- FBF6DF
- FBF7E4
- FCF9E8
- FDFAED
- FDFBF1
- FEFCF6
- FEFEFA
Shades
- D9D2B5
- B9B49B
- 9A9681
- 7D7968
- 615E50
- 464339
- 2C2B23
- 151410
- 030302
Tones
- ECE6C9
- E0DAC0
- D3CEB8
- C7C3B0
- BBB7A8
- AFACA0
- A3A198
- 979690
- 8B8B88
Color harmonies
Complementary +180°
- F9F2D1
Flashpoint
- EDF0FF
≈ Carte Blanche
Analogous -30° +30°
- F9F2D1
Flashpoint
- FFEEDD
≈ Enokitake Mushroom
- E9F7D8
≈ Futon
Triadic +120° +240°
- F9F2D1
Flashpoint
- DBF7FF
≈ Glacial Day
- FFEAF8
≈ Strawberry Bonbon
Split-complementary +150° +210°
- F9F2D1
Flashpoint
- E6F3FF
≈ Moon White
- F6EDFF
≈ Placebo Fuchsia
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.12:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.64:1 · APCA Lc 99
Best text color: #000000
WCAG 18.64:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--flashpoint: #f9f2d1;
--flashpoint-rgb: 249 242 209;
--flashpoint-oklch: oklch(0.958 0.044 97.3);
}
.element {
color: var(--flashpoint);
background-color: hsl(50 77% 90%);
border-color: oklch(0.958 0.044 97.3);
}Tailwind CSS v4
@theme {
--color-flashpoint: #f9f2d1;
--color-flashpoint-50: #f8f6e8;
--color-flashpoint-100: #ebe8d8;
--color-flashpoint-200: #d8d5c0;
--color-flashpoint-300: #bcb89f;
--color-flashpoint-400: #a59f82;
--color-flashpoint-500: #8e8765;
--color-flashpoint-600: #787256;
--color-flashpoint-700: #605b45;
--color-flashpoint-800: #474231;
--color-flashpoint-900: #312e21;
--color-flashpoint-950: #1d1b11;
}SCSS
$flashpoint: #f9f2d1;
$flashpoint-rgb: 249, 242, 209;
$flashpoint-light: mix(#fff, $flashpoint, 20%);
$flashpoint-dark: mix(#000, $flashpoint, 20%);
.element {
color: $flashpoint;
box-shadow: 0 0 0 2px rgba($flashpoint, 0.35);
}