Adlandırılmış renk · #F2FF26
Aromatic Lemon
Aromatic Lemon, #F2FF26: rgb(242 255 38), hsl(64 100% 57%), oklch(0.958 0.208 113.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? → · Aromatic Lemon color name →
#F2FF26
oklch(0.958 0.208 113.5)
Renk dönüşümleri
- HEX
- #f2ff26
- RGB
- rgb(242 255 38)
- HSL
- hsl(64 100% 57%)
- HWB
- hwb(64 15% 0%)
- OKLCH
- oklch(0.958 0.208 113.5)
- OKLab
- oklab(0.958 -0.083 0.191)
- CIE Lab
- lab(96.64 -20.63 88.08)
- LCH
- lch(96.64 90.46 103.2)
- CMYK
- cmyk(5% 0% 85% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F3FF54
- F4FF70
- F5FF87
- F6FF9C
- F7FFAE
- F9FFC0
- FAFFD0
- FCFFE0
- FDFFF0
Koyu tonlar
- D2DE20
- B4BE19
- 969E13
- 79800D
- 5E6308
- 434804
- 2B2E02
- 141601
- 030300
Gri tonlar
- E6F242
- DAE553
- CED85E
- C2CB68
- B7BF6F
- ABB274
- A0A578
- 95997C
- 8A8C7E
Renk uyumları
Tamamlayıcı +180°
- F2FF26
Aromatic Lemon
- F1EFFF
≈ Foundation White
Analog -30° +30°
- F2FF26
Aromatic Lemon
- FFF0D2
≈ Amarillo Bebito
- D4FFD2
≈ Herbal Vapours
Üçlü +120° +240°
- F2FF26
Aromatic Lemon
- E3F4FF
≈ Kodama White
- FFEBF2
≈ Fairy Wings
Bölünmüş tamamlayıcı +150° +210°
- F2FF26
Aromatic Lemon
- EAF2FF
≈ Moon White
- FDEAFF
≈ Fairy Bubblegum Cloud
Dörtlü +90° +180° +270°
- F2FF26
Aromatic Lemon
- CFFBFF
≈ Pale Blue
- F1EFFF
≈ Foundation White
- FFECEB
≈ Rose Frost
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.09:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.10:1 · APCA Lc 101
En iyi metin rengi: #000000
WCAG 19.10:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--aromatic-lemon: #f2ff26;
--aromatic-lemon-rgb: 242 255 38;
--aromatic-lemon-oklch: oklch(0.958 0.208 113.5);
}
.element {
color: var(--aromatic-lemon);
background-color: hsl(64 100% 57%);
border-color: oklch(0.958 0.208 113.5);
}Tailwind CSS v4
@theme {
--color-aromatic-lemon: #f2ff26;
--color-aromatic-lemon-50: #f2fdb8;
--color-aromatic-lemon-100: #e5f1a0;
--color-aromatic-lemon-200: #d1df72;
--color-aromatic-lemon-300: #b4c329;
--color-aromatic-lemon-400: #a0a900;
--color-aromatic-lemon-500: #899000;
--color-aromatic-lemon-600: #747a00;
--color-aromatic-lemon-700: #5d6200;
--color-aromatic-lemon-800: #474700;
--color-aromatic-lemon-900: #313100;
--color-aromatic-lemon-950: #1d1d00;
}SCSS
$aromatic-lemon: #f2ff26;
$aromatic-lemon-rgb: 242, 255, 38;
$aromatic-lemon-light: mix(#fff, $aromatic-lemon, 20%);
$aromatic-lemon-dark: mix(#000, $aromatic-lemon, 20%);
.element {
color: $aromatic-lemon;
box-shadow: 0 0 0 2px rgba($aromatic-lemon, 0.35);
}