Adlandırılmış renk · #FFF2D9
Malibu Sun
Malibu Sun, #FFF2D9: rgb(255 242 217), hsl(39 100% 93%), oklch(0.965 0.036 83.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? → · Malibu Sun color name →
#FFF2D9
oklch(0.965 0.036 83.8)
Renk dönüşümleri
- HEX
- #fff2d9
- RGB
- rgb(255 242 217)
- HSL
- hsl(39 100% 93%)
- HWB
- hwb(39 85% 0%)
- OKLCH
- oklch(0.965 0.036 83.8)
- OKLab
- oklab(0.965 0.004 0.035)
- CIE Lab
- lab(96.04 1.55 13.77)
- LCH
- lch(96.04 13.85 83.6)
- CMYK
- cmyk(0% 5% 15% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFF3DD
- FFF5E1
- FFF6E4
- FFF7E8
- FFF9EC
- FFFAF0
- FFFBF4
- FFFCF7
- FFFEFB
Koyu tonlar
- DED2BC
- BEB4A1
- 9E9686
- 80796C
- 635E53
- 48433B
- 2E2B25
- 161411
- 030302
Gri tonlar
- F2E6D0
- E4DAC7
- D7CEBE
- CAC3B5
- BEB7AC
- B1ACA3
- A4A19A
- 989691
- 8C8B89
Renk uyumları
Tamamlayıcı +180°
- FFF2D9
Malibu Sun
- EEF4FF
≈ Placebo Blue
Analog -30° +30°
- FFF2D9
Malibu Sun
- FFF0E7
≈ Pico Ivory
- F3F7DC
≈ Sprig of Sage
Üçlü +120° +240°
- FFF2D9
Malibu Sun
- D9FBFE
≈ Salt Mountain
- FEEDFF
≈ Lovely Euphoric Delight
Bölünmüş tamamlayıcı +150° +210°
- FFF2D9
Malibu Sun
- E7F6FF
≈ Kodama White
- F4F1FF
≈ Cloud Break
Dörtlü +90° +180° +270°
- FFF2D9
Malibu Sun
- DCFCF1
≈ Mint Condition
- EEF4FF
≈ Placebo Blue
- FFEEF4
≈ Powder Puff
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.95:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--malibu-sun: #fff2d9;
--malibu-sun-rgb: 255 242 217;
--malibu-sun-oklch: oklch(0.965 0.036 83.8);
}
.element {
color: var(--malibu-sun);
background-color: hsl(39 100% 93%);
border-color: oklch(0.965 0.036 83.8);
}Tailwind CSS v4
@theme {
--color-malibu-sun: #fff2d9;
--color-malibu-sun-50: #faf5ea;
--color-malibu-sun-100: #ede7db;
--color-malibu-sun-200: #dbd3c3;
--color-malibu-sun-300: #c0b6a3;
--color-malibu-sun-400: #a99d87;
--color-malibu-sun-500: #91856c;
--color-malibu-sun-600: #7b705b;
--color-malibu-sun-700: #625a49;
--color-malibu-sun-800: #494135;
--color-malibu-sun-900: #322d24;
--color-malibu-sun-950: #1e1a13;
}SCSS
$malibu-sun: #fff2d9;
$malibu-sun-rgb: 255, 242, 217;
$malibu-sun-light: mix(#fff, $malibu-sun, 20%);
$malibu-sun-dark: mix(#000, $malibu-sun, 20%);
.element {
color: $malibu-sun;
box-shadow: 0 0 0 2px rgba($malibu-sun, 0.35);
}