En yakın adlandırılmış renk · #FBEBEB
#FBEBEB
En yakın adlandırılmış renk: Voracious White
#FBEBEB (rgb(251 235 235), hsl(0 67% 95%), oklch(0.953 0.017 17.5)) en çok Voracious White 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.
#FBEBEB
oklch(0.953 0.017 17.5)
Renk dönüşümleri
- HEX
- #fbebeb
- RGB
- rgb(251 235 235)
- HSL
- hsl(0 67% 95%)
- HWB
- hwb(0 92% 2%)
- OKLCH
- oklch(0.953 0.017 17.5)
- OKLab
- oklab(0.953 0.017 0.005)
- CIE Lab
- lab(94.34 5.6 2.05)
- LCH
- lch(94.34 5.96 20.1)
- CMYK
- cmyk(0% 6% 6% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBEDED
- FCEFEF
- FCF1F1
- FDF3F3
- FDF5F5
- FDF7F7
- FEF9F9
- FEFBFB
- FFFDFD
Koyu tonlar
- DACCCC
- BAAEAE
- 9C9191
- 7E7575
- 615B5B
- 464141
- 2D2929
- 151313
- 030303
Gri tonlar
- EEE0E0
- E1D5D5
- D5CACA
- C8BFBF
- BCB4B4
- AFA9A9
- A39F9F
- 979494
- 8C8A8A
Renk uyumları
Tamamlayıcı +180°
- FBEBEB
Voracious White
- E3F3F3
≈ Bone-Chilling
Analog -30° +30°
- FBEBEB
Voracious White
- F9EBF1
≈ Morning Shine
- FAECE6
≈ Frothy Milk
Üçlü +120° +240°
- FBEBEB
Voracious White
- EAF2E7
≈ Chestnut White
- E8F0FB
≈ Cotton Boll
Bölünmüş tamamlayıcı +150° +210°
- FBEBEB
Voracious White
- E5F3ED
≈ Bath Bubbles
- E4F2F9
≈ Clear Vision
Dörtlü +90° +180° +270°
- FBEBEB
Voracious White
- F0F0E3
≈ Snowy Pine
- E3F3F3
≈ Bone-Chilling
- EEEEFB
≈ Carte Blanche
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.15:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.18:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.18:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--voracious-white: #fbebeb;
--voracious-white-rgb: 251 235 235;
--voracious-white-oklch: oklch(0.953 0.017 17.5);
}
.element {
color: var(--voracious-white);
background-color: hsl(0 67% 95%);
border-color: oklch(0.953 0.017 17.5);
}Tailwind CSS v4
@theme {
--color-voracious-white: #fbebeb;
--color-voracious-white-50: #faf3f3;
--color-voracious-white-100: #eee6e5;
--color-voracious-white-200: #dcd1d1;
--color-voracious-white-300: #c0b4b4;
--color-voracious-white-400: #a99b9b;
--color-voracious-white-500: #918282;
--color-voracious-white-600: #7b6e6e;
--color-voracious-white-700: #625858;
--color-voracious-white-800: #484040;
--color-voracious-white-900: #322c2c;
--color-voracious-white-950: #1e1919;
}SCSS
$voracious-white: #fbebeb;
$voracious-white-rgb: 251, 235, 235;
$voracious-white-light: mix(#fff, $voracious-white, 20%);
$voracious-white-dark: mix(#000, $voracious-white, 20%);
.element {
color: $voracious-white;
box-shadow: 0 0 0 2px rgba($voracious-white, 0.35);
}