Adlandırılmış renk · #F1DFBA
Brushstroke
Brushstroke, #F1DFBA: rgb(241 223 186), hsl(40 66% 84%), oklch(0.909 0.052 85.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Brushstroke color name →
#F1DFBA
oklch(0.909 0.052 85.1)
Renk dönüşümleri
- HEX
- #f1dfba
- RGB
- rgb(241 223 186)
- HSL
- hsl(40 66% 84%)
- HWB
- hwb(40 73% 5%)
- OKLCH
- oklch(0.909 0.052 85.1)
- OKLab
- oklab(0.909 0.004 0.052)
- CIE Lab
- lab(89.6 2.18 20.56)
- LCH
- lch(89.6 20.68 84)
- CMYK
- cmyk(0% 7% 23% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2E2C1
- F4E5C8
- F5E9CF
- F7ECD6
- F8EFDD
- F9F2E4
- FBF5EA
- FCF9F1
- FEFCF8
Koyu tonlar
- D2C2A1
- B3A589
- 958A72
- 796F5C
- 5D5646
- 433D32
- 2B271E
- 14120D
- 030202
Gri tonlar
- E5D5B4
- D9CBAE
- CEC2A9
- C2B8A3
- B7AE9D
- ACA597
- A19C91
- 96928C
- 8B8986
Renk uyumları
Tamamlayıcı +180°
- F1DFBA
Brushstroke
- D3E1FF
≈ Arc Light
Analog -30° +30°
- F1DFBA
Brushstroke
- FDD9C0
≈ Sun-Kissed Peach
- DFE6BE
≈ Loch Modan Moss
Üçlü +120° +240°
- F1DFBA
Brushstroke
- B9ECF2
≈ Cold Blooded
- F4D6F4
≈ Jacaranda
Bölünmüş tamamlayıcı +150° +210°
- F1DFBA
Brushstroke
- C1E7FF
≈ Blue Java Banana
- E3DBFF
≈ Transparent Blue
Dörtlü +90° +180° +270°
- F1DFBA
Brushstroke
- BEEDDF
≈ Fresh Breeze
- D3E1FF
≈ Arc Light
- FFD3E3
≈ Poplar Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.00:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 16.00:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--brushstroke: #f1dfba;
--brushstroke-rgb: 241 223 186;
--brushstroke-oklch: oklch(0.909 0.052 85.1);
}
.element {
color: var(--brushstroke);
background-color: hsl(40 66% 84%);
border-color: oklch(0.909 0.052 85.1);
}Tailwind CSS v4
@theme {
--color-brushstroke: #f1dfba;
--color-brushstroke-50: #fcf5e5;
--color-brushstroke-100: #efe7d5;
--color-brushstroke-200: #ded3bb;
--color-brushstroke-300: #c3b699;
--color-brushstroke-400: #ad9d7b;
--color-brushstroke-500: #96845e;
--color-brushstroke-600: #7f7050;
--color-brushstroke-700: #665940;
--color-brushstroke-800: #4b412d;
--color-brushstroke-900: #342d1f;
--color-brushstroke-950: #201a0e;
}SCSS
$brushstroke: #f1dfba;
$brushstroke-rgb: 241, 223, 186;
$brushstroke-light: mix(#fff, $brushstroke, 20%);
$brushstroke-dark: mix(#000, $brushstroke, 20%);
.element {
color: $brushstroke;
box-shadow: 0 0 0 2px rgba($brushstroke, 0.35);
}