Adlandırılmış renk · #F4D9B9
Golden Pastel
Golden Pastel, #F4D9B9: rgb(244 217 185), hsl(33 73% 84%), oklch(0.9 0.052 71.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? → · Golden Pastel color name →
#F4D9B9
oklch(0.9 0.052 71.8)
Renk dönüşümleri
- HEX
- #f4d9b9
- RGB
- rgb(244 217 185)
- HSL
- hsl(33 73% 84%)
- HWB
- hwb(33 73% 4%)
- OKLCH
- oklch(0.9 0.052 71.8)
- OKLab
- oklab(0.9 0.016 0.049)
- CIE Lab
- lab(88.36 6.12 19.43)
- LCH
- lch(88.36 20.37 72.5)
- CMYK
- cmyk(0% 11% 24% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5DDC0
- F6E1C7
- F7E4CE
- F9E8D5
- FAECDC
- FBF0E3
- FCF4EA
- FDF7F1
- FEFBF8
Koyu tonlar
- D4BCA0
- B5A189
- 978671
- 7A6C5B
- 5E5346
- 443B31
- 2B251E
- 14110D
- 030202
Gri tonlar
- E8D0B3
- DCC7AE
- D0BEA8
- C4B5A2
- B8AC9C
- ADA397
- A19A91
- 96918B
- 8B8986
Renk uyumları
Tamamlayıcı +180°
- F4D9B9
Golden Pastel
- C6E1FF
≈ Arc Light
Analog -30° +30°
- F4D9B9
Golden Pastel
- FDD3C4
≈ Simply Delicious
- E4E0B9
≈ Swan Dance
Üçlü +120° +240°
- F4D9B9
Golden Pastel
- B7E9E6
≈ Tahitian Breeze
- E9D5F7
≈ Lavender Princess
Bölünmüş tamamlayıcı +150° +210°
- F4D9B9
Golden Pastel
- B9E6F7
≈ Breaking the Ice
- D8DBFF
≈ Transparent Blue
Dörtlü +90° +180° +270°
- F4D9B9
Golden Pastel
- C0E9D3
≈ Martian Moon
- C6E1FF
≈ Arc Light
- F7D1E8
≈ Pink Lily
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.47:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-pastel: #f4d9b9;
--golden-pastel-rgb: 244 217 185;
--golden-pastel-oklch: oklch(0.9 0.052 71.8);
}
.element {
color: var(--golden-pastel);
background-color: hsl(33 73% 84%);
border-color: oklch(0.9 0.052 71.8);
}Tailwind CSS v4
@theme {
--color-golden-pastel: #f4d9b9;
--color-golden-pastel-50: #fef3e5;
--color-golden-pastel-100: #f3e6d5;
--color-golden-pastel-200: #e2d1bc;
--color-golden-pastel-300: #c8b49b;
--color-golden-pastel-400: #b29a7d;
--color-golden-pastel-500: #9c8160;
--color-golden-pastel-600: #846d52;
--color-golden-pastel-700: #6a5741;
--color-golden-pastel-800: #4e3f2f;
--color-golden-pastel-900: #362c20;
--color-golden-pastel-950: #21190f;
}SCSS
$golden-pastel: #f4d9b9;
$golden-pastel-rgb: 244, 217, 185;
$golden-pastel-light: mix(#fff, $golden-pastel, 20%);
$golden-pastel-dark: mix(#000, $golden-pastel, 20%);
.element {
color: $golden-pastel;
box-shadow: 0 0 0 2px rgba($golden-pastel, 0.35);
}