Najbliższy nazwany kolor · #F9E7EB
#F9E7EB
Najbliższy nazwany kolor: Just Pink Enough
#F9E7EB (rgb(249 231 235), hsl(347 60% 94%), oklch(0.943 0.02 2.3)) jest najbliższy nazwanemu kolorowi Just Pink Enough. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F9E7EB
oklch(0.943 0.02 2.3)
Konwersje koloru
- HEX
- #f9e7eb
- RGB
- rgb(249 231 235)
- HSL
- hsl(347 60% 94%)
- HWB
- hwb(347 91% 2%)
- OKLCH
- oklch(0.943 0.02 2.3)
- OKLab
- oklab(0.943 0.02 0.001)
- CIE Lab
- lab(93.19 6.83 0.38)
- LCH
- lch(93.19 6.84 3.2)
- CMYK
- cmyk(0% 7% 6% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAE9ED
- FAECEF
- FBEEF1
- FCF1F3
- FCF3F5
- FDF5F7
- FDF8F9
- FEFAFB
- FEFDFD
Odcienie ciemniejsze
- D9C9CC
- B9ABAE
- 9A8F91
- 7D7375
- 61595B
- 464041
- 2C2829
- 151313
- 030303
Tony
- ECDCE0
- E0D2D5
- D3C7CA
- C7BCBF
- BBB2B4
- AFA8A9
- A39E9F
- 979494
- 8B8A8A
Harmonie kolorów
Komplementarna +180°
- F9E7EB
Just Pink Enough
- DEF1ED
≈ Glacier Bay
Analogowa -30° +30°
- F9E7EB
Just Pink Enough
- F5E8F2
≈ Perfume Haze
- FAE8E4
≈ Hog-Maw
Triada +120° +240°
- F9E7EB
Just Pink Enough
- EAEFE0
≈ Clarity
- E1EEF9
≈ Wizard White
Komplementarna rozszczepiona +150° +210°
- F9E7EB
Just Pink Enough
- E3F0E6
≈ Stone Path
- DEF0F4
≈ Diamond White
Tetrada +90° +180° +270°
- F9E7EB
Just Pink Enough
- F1ECDD
≈ Sandalwood White
- DEF1ED
≈ Glacier Bay
- E7ECFA
≈ Brilliant White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.65:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.65:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--just-pink-enough: #f9e7eb;
--just-pink-enough-rgb: 249 231 235;
--just-pink-enough-oklch: oklch(0.943 0.02 2.3);
}
.element {
color: var(--just-pink-enough);
background-color: hsl(347 60% 94%);
border-color: oklch(0.943 0.02 2.3);
}Tailwind CSS v4
@theme {
--color-just-pink-enough: #f9e7eb;
--color-just-pink-enough-50: #fbf3f4;
--color-just-pink-enough-100: #eee5e7;
--color-just-pink-enough-200: #dcd1d3;
--color-just-pink-enough-300: #c1b3b6;
--color-just-pink-enough-400: #aa9a9d;
--color-just-pink-enough-500: #938185;
--color-just-pink-enough-600: #7c6d70;
--color-just-pink-enough-700: #63575a;
--color-just-pink-enough-800: #494042;
--color-just-pink-enough-900: #322c2d;
--color-just-pink-enough-950: #1e191a;
}SCSS
$just-pink-enough: #f9e7eb;
$just-pink-enough-rgb: 249, 231, 235;
$just-pink-enough-light: mix(#fff, $just-pink-enough, 20%);
$just-pink-enough-dark: mix(#000, $just-pink-enough, 20%);
.element {
color: $just-pink-enough;
box-shadow: 0 0 0 2px rgba($just-pink-enough, 0.35);
}