En yakın adlandırılmış renk · #FBE9E1
#FBE9E1
En yakın adlandırılmış renk: Dogwood
#FBE9E1 (rgb(251 233 225), hsl(18 76% 93%), oklch(0.946 0.022 45.6)) en çok Dogwood 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.
#FBE9E1
oklch(0.946 0.022 45.6)
Renk dönüşümleri
- HEX
- #fbe9e1
- RGB
- rgb(251 233 225)
- HSL
- hsl(18 76% 93%)
- HWB
- hwb(18 88% 2%)
- OKLCH
- oklch(0.946 0.022 45.6)
- OKLab
- oklab(0.946 0.016 0.016)
- CIE Lab
- lab(93.64 5.35 6.22)
- LCH
- lch(93.64 8.2 49.3)
- CMYK
- cmyk(0% 7% 10% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBEBE4
- FCEDE7
- FCF0EA
- FDF2ED
- FDF4F0
- FEF6F3
- FEF8F6
- FEFBF9
- FFFDFC
Koyu tonlar
- DACBC4
- BAADA7
- 9C908B
- 7E7470
- 615A56
- 46413E
- 2D2927
- 151312
- 030302
Gri tonlar
- EEDED7
- E1D3CD
- D5C8C3
- C8BEB9
- BCB3AF
- AFA9A6
- A39E9C
- 979493
- 8C8A89
Renk uyumları
Tamamlayıcı +180°
- FBE9E1
Dogwood
- DEF1F9
≈ Wizard White
Analog -30° +30°
- FBE9E1
Dogwood
- FCE8E8
≈ Unburdened Pink
- F6ECDD
≈ A la Mode
Üçlü +120° +240°
- FBE9E1
Dogwood
- E0F2EA
≈ Paradise
- EBEBFC
≈ Bright Dusk
Bölünmüş tamamlayıcı +150° +210°
- FBE9E1
Dogwood
- DDF2F2
≈ Soar
- E4EEFD
≈ Brilliant White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.17:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.84:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.84:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--dogwood: #fbe9e1;
--dogwood-rgb: 251 233 225;
--dogwood-oklch: oklch(0.946 0.022 45.6);
}
.element {
color: var(--dogwood);
background-color: hsl(18 76% 93%);
border-color: oklch(0.946 0.022 45.6);
}Tailwind CSS v4
@theme {
--color-dogwood: #fbe9e1;
--color-dogwood-50: #fbf3f0;
--color-dogwood-100: #efe6e2;
--color-dogwood-200: #ddd2cc;
--color-dogwood-300: #c2b4ae;
--color-dogwood-400: #aa9b94;
--color-dogwood-500: #94827a;
--color-dogwood-600: #7d6e67;
--color-dogwood-700: #645853;
--color-dogwood-800: #49403c;
--color-dogwood-900: #332c29;
--color-dogwood-950: #1f1917;
}SCSS
$dogwood: #fbe9e1;
$dogwood-rgb: 251, 233, 225;
$dogwood-light: mix(#fff, $dogwood, 20%);
$dogwood-dark: mix(#000, $dogwood, 20%);
.element {
color: $dogwood;
box-shadow: 0 0 0 2px rgba($dogwood, 0.35);
}