Adlandırılmış renk · #FAF5C3
Fine Linen
Fine Linen, #FAF5C3: rgb(250 245 195), hsl(55 85% 87%), oklch(0.962 0.065 102.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Fine Linen color name →
#FAF5C3
oklch(0.962 0.065 102.8)
Renk dönüşümleri
- HEX
- #faf5c3
- RGB
- rgb(250 245 195)
- HSL
- hsl(55 85% 87%)
- HWB
- hwb(55 76% 2%)
- OKLCH
- oklch(0.962 0.065 102.8)
- OKLab
- oklab(0.962 -0.014 0.063)
- CIE Lab
- lab(96.01 -4.04 24.83)
- LCH
- lch(96.01 25.15 99.2)
- CMYK
- cmyk(0% 2% 22% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FAF6C9
- FBF7CF
- FBF8D5
- FCF9DC
- FCFAE2
- FDFBE7
- FDFCED
- FEFDF3
- FEFEF9
Koyu tonlar
- D9D5A9
- BAB690
- 9B9878
- 7D7B60
- 615F4A
- 464434
- 2D2B20
- 15150E
- 030302
Gri tonlar
- EDE9BC
- E0DDB6
- D4D1AF
- C7C5A8
- BBB9A2
- AFAD9B
- A3A294
- 97968D
- 8B8B87
Renk uyumları
Tamamlayıcı +180°
- FAF5C3
Fine Linen
- F0F1FF
≈ Cloud Break
Analog -30° +30°
- FAF5C3
Fine Linen
- FFF0DD
≈ Candy Floss Cupcake
- E2FCD0
≈ Herbal Vapours
Üçlü +120° +240°
- FAF5C3
Fine Linen
- E1F7FF
≈ Glacial Day
- FFECF7
≈ Partial Pink
Bölünmüş tamamlayıcı +150° +210°
- FAF5C3
Fine Linen
- EAF3FF
≈ Moon White
- F8EEFF
≈ Placebo Fuchsia
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.11:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.91:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 18.91:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--fine-linen: #faf5c3;
--fine-linen-rgb: 250 245 195;
--fine-linen-oklch: oklch(0.962 0.065 102.8);
}
.element {
color: var(--fine-linen);
background-color: hsl(55 85% 87%);
border-color: oklch(0.962 0.065 102.8);
}Tailwind CSS v4
@theme {
--color-fine-linen: #faf5c3;
--color-fine-linen-50: #f8f7e2;
--color-fine-linen-100: #ebead1;
--color-fine-linen-200: #d8d6b7;
--color-fine-linen-300: #bcba94;
--color-fine-linen-400: #a5a074;
--color-fine-linen-500: #8e8855;
--color-fine-linen-600: #787348;
--color-fine-linen-700: #605c3a;
--color-fine-linen-800: #474328;
--color-fine-linen-900: #312e1b;
--color-fine-linen-950: #1d1b0b;
}SCSS
$fine-linen: #faf5c3;
$fine-linen-rgb: 250, 245, 195;
$fine-linen-light: mix(#fff, $fine-linen, 20%);
$fine-linen-dark: mix(#000, $fine-linen, 20%);
.element {
color: $fine-linen;
box-shadow: 0 0 0 2px rgba($fine-linen, 0.35);
}