Najbliższy nazwany kolor · #FA7EB4
#FA7EB4
Najbliższy nazwany kolor: Dream Setting
#FA7EB4 (rgb(250 126 180), hsl(334 93% 74%), oklch(0.749 0.161 354.3)) jest najbliższy nazwanemu kolorowi Dream Setting. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FA7EB4
oklch(0.749 0.161 354.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FC8CBB
- FE99C3
- FFA6CA
- FFB3D1
- FFC0D9
- FFCDE0
- FFD9E8
- FFE6F0
- FFF3F7
Odcienie ciemniejsze
- D96D9C
- BA5C85
- 9B4C6E
- 7D3C58
- 612D44
- 461F30
- 2D111D
- 15050C
- 030102
Tony
- EE7FAF
- E280A9
- D681A4
- CB829F
- BF829A
- B28294
- A6828F
- 9A818A
- 8D8185
Harmonie kolorów
Komplementarna +180°
- FA7EB4
Dream Setting
- 00CAA7
≈ Jadeite
Analogowa -30° +30°
- FA7EB4
Dream Setting
- DF87E6
≈ Bright Lilac
- FF837D
≈ Orange Tea Rose
Triada +120° +240°
- FA7EB4
Dream Setting
- ADB81E
≈ Snot
- 1ABBFF
≈ Cherenkov Radiation
Komplementarna rozszczepiona +150° +210°
- FA7EB4
Dream Setting
- 65C768
≈ Verdant Oasis
- 00C4D3
≈ Turquoise Surf
Tetrada +90° +180° +270°
- FA7EB4
Dream Setting
- DBA400
≈ Golden Beryl Yellow
- 00CAA7
≈ Jadeite
- 84ACFF
≈ Kitten’s Eye
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.41:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.70:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
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);
}