Nearest named color · #FA7EB4
#FA7EB4
Nearest named color: Dream Setting
#FA7EB4 (rgb(250 126 180), hsl(334 93% 74%), oklch(0.749 0.161 354.3)) is closest to the named color Dream Setting. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FA7EB4
oklch(0.749 0.161 354.3)
Color conversions
- HEX
- #fa7eb4
- RGB
- rgb(250 126 180)
- HSL
- hsl(334 93% 74%)
- HWB
- hwb(334 49% 2%)
- OKLCH
- oklch(0.749 0.161 354.3)
- OKLab
- oklab(0.749 0.161 -0.016)
- CIE Lab
- lab(68.75 52.49 -5.5)
- LCH
- lch(68.75 52.78 354)
- CMYK
- cmyk(0% 50% 28% 2%)
Tints · Shades · Tones
Tints
- FC8CBB
- FE99C3
- FFA6CA
- FFB3D1
- FFC0D9
- FFCDE0
- FFD9E8
- FFE6F0
- FFF3F7
Shades
- D96D9C
- BA5C85
- 9B4C6E
- 7D3C58
- 612D44
- 461F30
- 2D111D
- 15050C
- 030102
Tones
- EE7FAF
- E280A9
- D681A4
- CB829F
- BF829A
- B28294
- A6828F
- 9A818A
- 8D8185
Color harmonies
Complementary +180°
- FA7EB4
Dream Setting
- 00CAA7
≈ Jadeite
Analogous -30° +30°
- FA7EB4
Dream Setting
- DF87E6
≈ Bright Lilac
- FF837D
≈ Orange Tea Rose
Triadic +120° +240°
- FA7EB4
Dream Setting
- ADB81E
≈ Snot
- 1ABBFF
≈ Cherenkov Radiation
Split-complementary +150° +210°
- FA7EB4
Dream Setting
- 65C768
≈ Verdant Oasis
- 00C4D3
≈ Turquoise Surf
Tetradic +90° +180° +270°
- FA7EB4
Dream Setting
- DBA400
≈ Golden Beryl Yellow
- 00CAA7
≈ Jadeite
- 84ACFF
≈ Kitten’s Eye
Contrast & accessibility
Ag
FailOn white
WCAG 2.41:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.70:1 · APCA Lc 55
Best text color: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--dream-setting: #fa7eb4;
--dream-setting-rgb: 250 126 180;
--dream-setting-oklch: oklch(0.749 0.161 354.3);
}
.element {
color: var(--dream-setting);
background-color: hsl(334 93% 74%);
border-color: oklch(0.749 0.161 354.3);
}Tailwind CSS v4
@theme {
--color-dream-setting: #fa7eb4;
--color-dream-setting-50: #ffe3f6;
--color-dream-setting-100: #ffd2e9;
--color-dream-setting-200: #ffb7d6;
--color-dream-setting-300: #f893ba;
--color-dream-setting-400: #e672a4;
--color-dream-setting-500: #d34e8d;
--color-dream-setting-600: #b24377;
--color-dream-setting-700: #8f365f;
--color-dream-setting-800: #6a2648;
--color-dream-setting-900: #4b1932;
--color-dream-setting-950: #31091e;
}SCSS
$dream-setting: #fa7eb4;
$dream-setting-rgb: 250, 126, 180;
$dream-setting-light: mix(#fff, $dream-setting, 20%);
$dream-setting-dark: mix(#000, $dream-setting, 20%);
.element {
color: $dream-setting;
box-shadow: 0 0 0 2px rgba($dream-setting, 0.35);
}