En yakın adlandırılmış renk · #F9C1AB
#F9C1AB
En yakın adlandırılmış renk: Dolly Cheek
#F9C1AB (rgb(249 193 171), hsl(17 87% 82%), oklch(0.856 0.071 42.5)) en çok Dolly Cheek adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F9C1AB
oklch(0.856 0.071 42.5)
Renk dönüşümleri
- HEX
- #f9c1ab
- RGB
- rgb(249 193 171)
- HSL
- hsl(17 87% 82%)
- HWB
- hwb(17 67% 2%)
- OKLCH
- oklch(0.856 0.071 42.5)
- OKLab
- oklab(0.856 0.053 0.048)
- CIE Lab
- lab(82.79 18.5 19.24)
- LCH
- lch(82.79 26.69 46.1)
- CMYK
- cmyk(0% 22% 31% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FAC7B3
- FBCDBC
- FCD4C4
- FCDACC
- FDE0D5
- FEE6DD
- FEECE6
- FFF3EE
- FFF9F7
Koyu tonlar
- D9A794
- B98F7E
- 9A7768
- 7D5F54
- 614940
- 46342D
- 2C201B
- 150E0B
- 030201
Gri tonlar
- EDBAA7
- E0B4A2
- D4AD9E
- C8A79A
- BBA096
- AF9A91
- A3938D
- 988D89
- 8C8684
Renk uyumları
Tamamlayıcı +180°
- F9C1AB
Dolly Cheek
- 9BDBF2
≈ Sora Blue
Analog -30° +30°
- F9C1AB
Dolly Cheek
- FBBDC3
≈ Azalea Pink
- EDC99C
≈ Filtered Moon
Üçlü +120° +240°
- F9C1AB
Dolly Cheek
- A5DFC2
≈ Mountain Mint
- C8CAFE
≈ Lavender Blue
Bölünmüş tamamlayıcı +150° +210°
- F9C1AB
Dolly Cheek
- 97DFDC
≈ Pale Pastel
- AFD3FE
≈ Ice Cold Stare
Dörtlü +90° +180° +270°
- F9C1AB
Dolly Cheek
- BEDAAA
≈ Winter Willow Green
- 9BDBF2
≈ Sora Blue
- E0C3F2
≈ Beefy Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.58:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.24:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.24:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--dolly-cheek: #f9c1ab;
--dolly-cheek-rgb: 249 193 171;
--dolly-cheek-oklch: oklch(0.856 0.071 42.5);
}
.element {
color: var(--dolly-cheek);
background-color: hsl(17 87% 82%);
border-color: oklch(0.856 0.071 42.5);
}Tailwind CSS v4
@theme {
--color-dolly-cheek: #f9c1ab;
--color-dolly-cheek-50: #ffefe5;
--color-dolly-cheek-100: #fee1d5;
--color-dolly-cheek-200: #f0cbbc;
--color-dolly-cheek-300: #d8ac9a;
--color-dolly-cheek-400: #c3917d;
--color-dolly-cheek-500: #af7660;
--color-dolly-cheek-600: #946452;
--color-dolly-cheek-700: #765041;
--color-dolly-cheek-800: #583a2f;
--color-dolly-cheek-900: #3d2820;
--color-dolly-cheek-950: #271610;
}SCSS
$dolly-cheek: #f9c1ab;
$dolly-cheek-rgb: 249, 193, 171;
$dolly-cheek-light: mix(#fff, $dolly-cheek, 20%);
$dolly-cheek-dark: mix(#000, $dolly-cheek, 20%);
.element {
color: $dolly-cheek;
box-shadow: 0 0 0 2px rgba($dolly-cheek, 0.35);
}