Adlandırılmış renk · #F1DCA1
Hazy Moon
Hazy Moon, #F1DCA1: rgb(241 220 161), hsl(44 74% 79%), oklch(0.898 0.079 90.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? → · Hazy Moon color name →
#F1DCA1
oklch(0.898 0.079 90.8)
Renk dönüşümleri
- HEX
- #f1dca1
- RGB
- rgb(241 220 161)
- HSL
- hsl(44 74% 79%)
- HWB
- hwb(44 63% 5%)
- OKLCH
- oklch(0.898 0.079 90.8)
- OKLab
- oklab(0.898 -0.001 0.079)
- CIE Lab
- lab(88.47 1.26 31.84)
- LCH
- lch(88.47 31.86 87.7)
- CMYK
- cmyk(0% 9% 33% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2E0AB
- F4E3B4
- F5E7BE
- F7EAC7
- F8EED1
- F9F1DA
- FBF5E3
- FCF8ED
- FEFCF6
Koyu tonlar
- D2BF8B
- B3A376
- 958862
- 796E4E
- 5D543C
- 433C2A
- 2B2619
- 141109
- 030201
Gri tonlar
- E5D29E
- D9C99B
- CEC098
- C2B695
- B7AD92
- ACA48E
- A19B8B
- 969287
- 8B8984
Renk uyumları
Tamamlayıcı +180°
- F1DCA1
Hazy Moon
- D1DCFF
≈ Arc Light
Analog -30° +30°
- F1DCA1
Hazy Moon
- FFD4B1
≈ Forgotten Sunset
- D5E6AB
≈ Mermaid Tears
Üçlü +120° +240°
- F1DCA1
Hazy Moon
- 9EECFB
≈ Alpine Expedition
- FDCBF6
≈ Kissed by Mist
Bölünmüş tamamlayıcı +150° +210°
- F1DCA1
Hazy Moon
- BEE3FF
≈ Dithered Sky
- E3D5FF
≈ Pale Lavender
Dörtlü +90° +180° +270°
- F1DCA1
Hazy Moon
- A2EFE0
≈ Oasis Stream
- D1DCFF
≈ Arc Light
- FFCEDB
≈ Bologna Sausage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.49:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--hazy-moon: #f1dca1;
--hazy-moon-rgb: 241 220 161;
--hazy-moon-oklch: oklch(0.898 0.079 90.8);
}
.element {
color: var(--hazy-moon);
background-color: hsl(44 74% 79%);
border-color: oklch(0.898 0.079 90.8);
}Tailwind CSS v4
@theme {
--color-hazy-moon: #f1dca1;
--color-hazy-moon-50: #fdf5dc;
--color-hazy-moon-100: #f1e8cb;
--color-hazy-moon-200: #e0d4ae;
--color-hazy-moon-300: #c5b789;
--color-hazy-moon-400: #b09d67;
--color-hazy-moon-500: #9a8445;
--color-hazy-moon-600: #82703b;
--color-hazy-moon-700: #68592f;
--color-hazy-moon-800: #4d4120;
--color-hazy-moon-900: #362d15;
--color-hazy-moon-950: #211a07;
}SCSS
$hazy-moon: #f1dca1;
$hazy-moon-rgb: 241, 220, 161;
$hazy-moon-light: mix(#fff, $hazy-moon, 20%);
$hazy-moon-dark: mix(#000, $hazy-moon, 20%);
.element {
color: $hazy-moon;
box-shadow: 0 0 0 2px rgba($hazy-moon, 0.35);
}