Adlandırılmış renk · #F9DAA5
Savoury Beige
Savoury Beige, #F9DAA5: rgb(249 218 165), hsl(38 87% 81%), oklch(0.902 0.076 80.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Savoury Beige color name →
#F9DAA5
oklch(0.902 0.076 80.8)
Renk dönüşümleri
- HEX
- #f9daa5
- RGB
- rgb(249 218 165)
- HSL
- hsl(38 87% 81%)
- HWB
- hwb(38 65% 2%)
- OKLCH
- oklch(0.902 0.076 80.8)
- OKLab
- oklab(0.902 0.012 0.075)
- CIE Lab
- lab(88.74 5.66 30.32)
- LCH
- lch(88.74 30.85 79.4)
- CMYK
- cmyk(0% 12% 34% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FADEAE
- FAE2B8
- FBE5C1
- FCE9CA
- FCEDD3
- FDF0DC
- FDF4E4
- FEF8ED
- FEFBF6
Koyu tonlar
- D9BD8F
- B9A279
- 9A8765
- 7D6C51
- 61543D
- 463C2B
- 2C251A
- 15110A
- 030201
Gri tonlar
- ECD1A2
- E0C79E
- D3BE9B
- C7B597
- BBAC93
- AFA390
- A39A8C
- 979188
- 8B8984
Renk uyumları
Tamamlayıcı +180°
- F9DAA5
Savoury Beige
- CDE0FF
≈ Arc Light
Analog -30° +30°
- F9DAA5
Savoury Beige
- FFD5BD
≈ Mom’s Love
- E0E4A9
≈ Bit of Lime
Üçlü +120° +240°
- F9DAA5
Savoury Beige
- A1EEF3
≈ Permafrost
- F6CFFE
≈ Sassy Pink
Bölünmüş tamamlayıcı +150° +210°
- F9DAA5
Savoury Beige
- B8E7FF
≈ Breaking the Ice
- DED9FF
≈ Transparent Blue
Dörtlü +90° +180° +270°
- F9DAA5
Savoury Beige
- ABF0D8
≈ Faint Clover
- CDE0FF
≈ Arc Light
- FFCFE4
≈ Light Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.59:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--savoury-beige: #f9daa5;
--savoury-beige-rgb: 249 218 165;
--savoury-beige-oklch: oklch(0.902 0.076 80.8);
}
.element {
color: var(--savoury-beige);
background-color: hsl(38 87% 81%);
border-color: oklch(0.902 0.076 80.8);
}Tailwind CSS v4
@theme {
--color-savoury-beige: #f9daa5;
--color-savoury-beige-50: #fff4dd;
--color-savoury-beige-100: #f5e6cc;
--color-savoury-beige-200: #e4d2b0;
--color-savoury-beige-300: #cbb48b;
--color-savoury-beige-400: #b69a6a;
--color-savoury-beige-500: #a08148;
--color-savoury-beige-600: #876d3e;
--color-savoury-beige-700: #6d5731;
--color-savoury-beige-800: #513f22;
--color-savoury-beige-900: #382c17;
--color-savoury-beige-950: #231908;
}SCSS
$savoury-beige: #f9daa5;
$savoury-beige-rgb: 249, 218, 165;
$savoury-beige-light: mix(#fff, $savoury-beige, 20%);
$savoury-beige-dark: mix(#000, $savoury-beige, 20%);
.element {
color: $savoury-beige;
box-shadow: 0 0 0 2px rgba($savoury-beige, 0.35);
}