En yakın adlandırılmış renk · #F3DCD8
#F3DCD8
En yakın adlandırılmış renk: Fresco
#F3DCD8 (rgb(243 220 216), hsl(9 53% 90%), oklch(0.912 0.026 29.4)) en çok Fresco 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.
#F3DCD8
oklch(0.912 0.026 29.4)
Renk dönüşümleri
- HEX
- #f3dcd8
- RGB
- rgb(243 220 216)
- HSL
- hsl(9 53% 90%)
- HWB
- hwb(9 85% 5%)
- OKLCH
- oklch(0.912 0.026 29.4)
- OKLab
- oklab(0.912 0.023 0.013)
- CIE Lab
- lab(89.59 7.7 5)
- LCH
- lch(89.59 9.18 33)
- CMYK
- cmyk(0% 9% 11% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4DFDC
- F6E3E0
- F7E6E4
- F8EAE7
- F9EDEB
- FAF1EF
- FCF4F3
- FDF8F7
- FEFBFB
Koyu tonlar
- D3BFBC
- B4A3A0
- 978885
- 7A6E6B
- 5E5453
- 443C3B
- 2B2625
- 141111
- 030202
Gri tonlar
- E7D2CF
- DBC9C6
- CFBFBD
- C4B6B4
- B8ADAB
- ADA4A2
- A19B9A
- 969291
- 8B8988
Renk uyumları
Tamamlayıcı +180°
- F3DCD8
Fresco
- CFE7EB
≈ Ethereal Mood
Analog -30° +30°
- F3DCD8
Fresco
- F2DBE1
≈ Fancy Pants
- F0DED1
≈ Nearly Peach
Üçlü +120° +240°
- F3DCD8
Fresco
- D7E7D9
≈ Toadstool Dot
- DBE2F4
≈ Aquarelle Purple
Bölünmüş tamamlayıcı +150° +210°
- F3DCD8
Fresco
- D0E8E2
≈ Aqua Glass
- D3E5F2
≈ New Heights
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.03:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--fresco: #f3dcd8;
--fresco-rgb: 243 220 216;
--fresco-oklch: oklch(0.912 0.026 29.4);
}
.element {
color: var(--fresco);
background-color: hsl(9 53% 90%);
border-color: oklch(0.912 0.026 29.4);
}Tailwind CSS v4
@theme {
--color-fresco: #f3dcd8;
--color-fresco-50: #fdf3f1;
--color-fresco-100: #f0e5e2;
--color-fresco-200: #dfd0cd;
--color-fresco-300: #c4b3af;
--color-fresco-400: #ad9996;
--color-fresco-500: #97807c;
--color-fresco-600: #806c69;
--color-fresco-700: #665754;
--color-fresco-800: #4b3f3d;
--color-fresco-900: #342b2a;
--color-fresco-950: #201918;
}SCSS
$fresco: #f3dcd8;
$fresco-rgb: 243, 220, 216;
$fresco-light: mix(#fff, $fresco, 20%);
$fresco-dark: mix(#000, $fresco, 20%);
.element {
color: $fresco;
box-shadow: 0 0 0 2px rgba($fresco, 0.35);
}