Adlandırılmış renk · #F6E3D3
Breakfast Biscuit
Breakfast Biscuit, #F6E3D3: rgb(246 227 211), hsl(27 66% 90%), oklch(0.927 0.03 62.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Breakfast Biscuit color name →
#F6E3D3
oklch(0.927 0.03 62.6)
Renk dönüşümleri
- HEX
- #f6e3d3
- RGB
- rgb(246 227 211)
- HSL
- hsl(27 66% 90%)
- HWB
- hwb(27 83% 4%)
- OKLCH
- oklch(0.927 0.03 62.6)
- OKLab
- oklab(0.927 0.014 0.027)
- CIE Lab
- lab(91.47 4.8 10.31)
- LCH
- lch(91.47 11.38 65)
- CMYK
- cmyk(0% 8% 14% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7E6D7
- F8E9DC
- F9EBE0
- FAEEE5
- FBF1E9
- FCF4ED
- FCF7F2
- FDF9F6
- FEFCFB
Koyu tonlar
- D6C5B7
- B7A89C
- 988C82
- 7B7169
- 5F5751
- 453F3A
- 2C2724
- 151210
- 030302
Gri tonlar
- EAD9CA
- DDCEC2
- D1C4B9
- C5BAB1
- B9B0A9
- AEA6A0
- A29D98
- 969390
- 8B8988
Renk uyumları
Tamamlayıcı +180°
- F6E3D3
Breakfast Biscuit
- D6EAFA
≈ Cloudless
Analog -30° +30°
- F6E3D3
Breakfast Biscuit
- FAE0DA
≈ Pink Shimmer
- EEE7D1
≈ Instant Relief
Üçlü +120° +240°
- F6E3D3
Breakfast Biscuit
- D2EEE8
≈ Teal Ice
- EAE2F8
≈ Lavender Mist
Bölünmüş tamamlayıcı +150° +210°
- F6E3D3
Breakfast Biscuit
- D1EDF3
≈ Diamond League
- E0E6FC
≈ Lavender Mist
Dörtlü +90° +180° +270°
- F6E3D3
Breakfast Biscuit
- D9EDDD
≈ Cottage Green
- D6EAFA
≈ Cloudless
- F4E0F0
≈ Taffeta Tint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.84:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--breakfast-biscuit: #f6e3d3;
--breakfast-biscuit-rgb: 246 227 211;
--breakfast-biscuit-oklch: oklch(0.927 0.03 62.6);
}
.element {
color: var(--breakfast-biscuit);
background-color: hsl(27 66% 90%);
border-color: oklch(0.927 0.03 62.6);
}Tailwind CSS v4
@theme {
--color-breakfast-biscuit: #f6e3d3;
--color-breakfast-biscuit-50: #fbf4ec;
--color-breakfast-biscuit-100: #efe6de;
--color-breakfast-biscuit-200: #ded2c7;
--color-breakfast-biscuit-300: #c3b5a8;
--color-breakfast-biscuit-400: #ac9b8d;
--color-breakfast-biscuit-500: #958272;
--color-breakfast-biscuit-600: #7e6e61;
--color-breakfast-biscuit-700: #65584d;
--color-breakfast-biscuit-800: #4a4038;
--color-breakfast-biscuit-900: #342c26;
--color-breakfast-biscuit-950: #1f1915;
}SCSS
$breakfast-biscuit: #f6e3d3;
$breakfast-biscuit-rgb: 246, 227, 211;
$breakfast-biscuit-light: mix(#fff, $breakfast-biscuit, 20%);
$breakfast-biscuit-dark: mix(#000, $breakfast-biscuit, 20%);
.element {
color: $breakfast-biscuit;
box-shadow: 0 0 0 2px rgba($breakfast-biscuit, 0.35);
}