Adlandırılmış renk · #E4E4C5
Fountain Frolic
Fountain Frolic, #E4E4C5: rgb(228 228 197), hsl(60 36% 83%), oklch(0.911 0.041 107.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Fountain Frolic color name →
#E4E4C5
oklch(0.911 0.041 107.2)
Renk dönüşümleri
- HEX
- #e4e4c5
- RGB
- rgb(228 228 197)
- HSL
- hsl(60 36% 83%)
- HWB
- hwb(60 77% 11%)
- OKLCH
- oklch(0.911 0.041 107.2)
- OKLab
- oklab(0.911 -0.012 0.039)
- CIE Lab
- lab(89.98 -3.84 15.21)
- LCH
- lch(89.98 15.69 104.2)
- CMYK
- cmyk(0% 0% 14% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7E7CB
- E9E9D1
- ECECD6
- EFEFDC
- F1F2E2
- F4F4E8
- F7F7EE
- FAFAF3
- FCFCF9
Koyu tonlar
- C6C6AB
- A9A992
- 8D8D79
- 727261
- 58584B
- 3F3F35
- 282821
- 12120E
- 030302
Gri tonlar
- DADABE
- CFCFB7
- C5C5B0
- BBBBA9
- B1B1A2
- A7A79B
- 9D9D94
- 93938E
- 898A87
Renk uyumları
Tamamlayıcı +180°
- E4E4C5
Fountain Frolic
- DFDEFC
≈ Contrail
Analog -30° +30°
- E4E4C5
Fountain Frolic
- F1DFC4
≈ Cream Washed
- D5E8CE
≈ Peppermint
Üçlü +120° +240°
- E4E4C5
Fountain Frolic
- C6E8F7
≈ Icy Landscape
- F7D7E7
≈ Nursery Pink
Bölünmüş tamamlayıcı +150° +210°
- E4E4C5
Fountain Frolic
- D1E3FD
≈ Weathered Blue
- EDDAF4
≈ Grape Taffy
Dörtlü +90° +180° +270°
- E4E4C5
Fountain Frolic
- C3EBEB
≈ Gentle Cold
- DFDEFC
≈ Contrail
- FCD7D8
≈ We Peep
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.20:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--fountain-frolic: #e4e4c5;
--fountain-frolic-rgb: 228 228 197;
--fountain-frolic-oklch: oklch(0.911 0.041 107.2);
}
.element {
color: var(--fountain-frolic);
background-color: hsl(60 36% 83%);
border-color: oklch(0.911 0.041 107.2);
}Tailwind CSS v4
@theme {
--color-fountain-frolic: #e4e4c5;
--color-fountain-frolic-50: #f6f6e9;
--color-fountain-frolic-100: #e8e9da;
--color-fountain-frolic-200: #d5d6c2;
--color-fountain-frolic-300: #b8baa2;
--color-fountain-frolic-400: #a1a185;
--color-fountain-frolic-500: #898869;
--color-fountain-frolic-600: #747359;
--color-fountain-frolic-700: #5d5c47;
--color-fountain-frolic-800: #444333;
--color-fountain-frolic-900: #2f2f23;
--color-fountain-frolic-950: #1c1b12;
}SCSS
$fountain-frolic: #e4e4c5;
$fountain-frolic-rgb: 228, 228, 197;
$fountain-frolic-light: mix(#fff, $fountain-frolic, 20%);
$fountain-frolic-dark: mix(#000, $fountain-frolic, 20%);
.element {
color: $fountain-frolic;
box-shadow: 0 0 0 2px rgba($fountain-frolic, 0.35);
}