Adlandırılmış renk · #F1EAB4
Invigorating
Invigorating, #F1EAB4: rgb(241 234 180), hsl(53 69% 83%), oklch(0.929 0.07 101.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Invigorating color name →
#F1EAB4
oklch(0.929 0.07 101.5)
Renk dönüşümleri
- HEX
- #f1eab4
- RGB
- rgb(241 234 180)
- HSL
- hsl(53 69% 83%)
- HWB
- hwb(53 71% 5%)
- OKLCH
- oklch(0.929 0.07 101.5)
- OKLab
- oklab(0.929 -0.014 0.069)
- CIE Lab
- lab(92.27 -3.68 27.24)
- LCH
- lch(92.27 27.49 97.7)
- CMYK
- cmyk(0% 3% 25% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2ECBC
- F4EEC3
- F5F0CB
- F6F3D3
- F8F5DA
- F9F7E2
- FBF9E9
- FCFBF0
- FEFDF8
Koyu tonlar
- D2CB9C
- B3AE85
- 95916E
- 797558
- 5D5A44
- 434130
- 2B291D
- 14130C
- 030302
Gri tonlar
- E5DFAF
- D9D4AA
- CEC9A5
- C2BEA0
- B7B49A
- ACA995
- A09F90
- 95948B
- 8B8A85
Renk uyumları
Tamamlayıcı +180°
- F1EAB4
Invigorating
- E3E6FF
≈ Lavender Mist
Analog -30° +30°
- F1EAB4
Invigorating
- FFE3C1
≈ Bisque
- D7F2C2
≈ Envious Pastel
Üçlü +120° +240°
- F1EAB4
Invigorating
- C5F0FF
≈ Heaven’s Gate
- FFDCF1
≈ Silky Pink
Bölünmüş tamamlayıcı +150° +210°
- F1EAB4
Invigorating
- D7EAFF
≈ Veiling Waterfalls
- F2E0FF
≈ Lavender Savour
Dörtlü +90° +180° +270°
- F1EAB4
Invigorating
- B1F7F3
≈ Ice Citadel
- E3E6FF
≈ Lavender Mist
- FFDEE1
≈ Sweet Mallow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.16:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--invigorating: #f1eab4;
--invigorating-rgb: 241 234 180;
--invigorating-oklch: oklch(0.929 0.07 101.5);
}
.element {
color: var(--invigorating);
background-color: hsl(53 69% 83%);
border-color: oklch(0.929 0.07 101.5);
}Tailwind CSS v4
@theme {
--color-invigorating: #f1eab4;
--color-invigorating-50: #f8f7e0;
--color-invigorating-100: #ebe9cf;
--color-invigorating-200: #d9d6b4;
--color-invigorating-300: #bdba90;
--color-invigorating-400: #a7a070;
--color-invigorating-500: #908850;
--color-invigorating-600: #7a7344;
--color-invigorating-700: #615c36;
--color-invigorating-800: #484326;
--color-invigorating-900: #322e19;
--color-invigorating-950: #1e1b0a;
}SCSS
$invigorating: #f1eab4;
$invigorating-rgb: 241, 234, 180;
$invigorating-light: mix(#fff, $invigorating, 20%);
$invigorating-dark: mix(#000, $invigorating, 20%);
.element {
color: $invigorating;
box-shadow: 0 0 0 2px rgba($invigorating, 0.35);
}