Najbliższy nazwany kolor · #F9B6B7
#F9B6B7
Najbliższy nazwany kolor: Hard Candy
#F9B6B7 (rgb(249 182 183), hsl(359 85% 85%), oklch(0.839 0.078 17.9)) jest najbliższy nazwanemu kolorowi Hard Candy. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F9B6B7
oklch(0.839 0.078 17.9)
Konwersje koloru
- HEX
- #f9b6b7
- RGB
- rgb(249 182 183)
- HSL
- hsl(359 85% 85%)
- HWB
- hwb(359 71% 2%)
- OKLCH
- oklch(0.839 0.078 17.9)
- OKLab
- oklab(0.839 0.074 0.024)
- CIE Lab
- lab(80.45 25.13 9.61)
- LCH
- lch(80.45 26.9 20.9)
- CMYK
- cmyk(0% 27% 27% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FABDBE
- FBC5C5
- FCCCCC
- FDD3D3
- FEDBDB
- FEE2E2
- FFE9E9
- FFF0F0
- FFF8F8
Odcienie ciemniejsze
- D99E9F
- B98687
- 9A6F70
- 7D595A
- 614445
- 463031
- 2C1D1E
- 150C0C
- 030202
Tony
- EDB1B1
- E0ABAC
- D4A6A6
- C8A0A1
- BC9B9B
- B09696
- A49090
- 988B8B
- 8C8585
Harmonie kolorów
Komplementarna +180°
- F9B6B7
Hard Candy
- 8BDADC
≈ Island Oasis
Analogowa -30° +30°
- F9B6B7
Hard Candy
- F1B6D3
≈ Pink Marshmallow
- F5BB9E
≈ Certain Peach
Triada +120° +240°
- F9B6B7
Hard Candy
- B2D7A5
≈ Apple Cream
- ABCCFD
≈ Night Snow
Komplementarna rozszczepiona +150° +210°
- F9B6B7
Hard Candy
- 97DBC0
≈ Green Jewel
- 93D5F2
≈ Slightly Spritzig
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.69:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.40:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--hard-candy: #f9b6b7;
--hard-candy-rgb: 249 182 183;
--hard-candy-oklch: oklch(0.839 0.078 17.9);
}
.element {
color: var(--hard-candy);
background-color: hsl(359 85% 85%);
border-color: oklch(0.839 0.078 17.9);
}Tailwind CSS v4
@theme {
--color-hard-candy: #f9b6b7;
--color-hard-candy-50: #ffedec;
--color-hard-candy-100: #ffdedd;
--color-hard-candy-200: #f4c8c7;
--color-hard-candy-300: #dda8a7;
--color-hard-candy-400: #c98c8d;
--color-hard-candy-500: #b47173;
--color-hard-candy-600: #986061;
--color-hard-candy-700: #7a4c4e;
--color-hard-candy-800: #5a3739;
--color-hard-candy-900: #3f2627;
--color-hard-candy-950: #281415;
}SCSS
$hard-candy: #f9b6b7;
$hard-candy-rgb: 249, 182, 183;
$hard-candy-light: mix(#fff, $hard-candy, 20%);
$hard-candy-dark: mix(#000, $hard-candy, 20%);
.element {
color: $hard-candy;
box-shadow: 0 0 0 2px rgba($hard-candy, 0.35);
}