Adlandırılmış renk · #F0E483
Halakā Pīlā
Halakā Pīlā, #F0E483: rgb(240 228 131), hsl(53 78% 73%), oklch(0.908 0.119 102.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? → · Halakā Pīlā color name →
#F0E483
oklch(0.908 0.119 102.2)
Renk dönüşümleri
- HEX
- #f0e483
- RGB
- rgb(240 228 131)
- HSL
- hsl(53 78% 73%)
- HWB
- hwb(53 51% 6%)
- OKLCH
- oklch(0.908 0.119 102.2)
- OKLab
- oklab(0.908 -0.025 0.117)
- CIE Lab
- lab(90.04 -5.29 48.58)
- LCH
- lch(90.04 48.86 96.2)
- CMYK
- cmyk(0% 5% 45% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1E791
- F3EA9E
- F4EDAB
- F6EFB8
- F7F2C4
- F9F5D0
- FAF7DC
- FCFAE8
- FDFDF3
Koyu tonlar
- D1C671
- B2A960
- 958D4F
- 78723F
- 5D582F
- 433F20
- 2A2812
- 141206
- 030301
Gri tonlar
- E4DA84
- D8CF85
- CDC585
- C1BB86
- B6B185
- ABA785
- A09D84
- 959383
- 8A8A82
Renk uyumları
Tamamlayıcı +180°
- F0E483
Halakā Pīlā
- DBDEFF
≈ Transparent Blue
Analog -30° +30°
- F0E483
Halakā Pīlā
- FFDAAC
≈ Peach Cider
- C3F29E
≈ Snappy Green
Üçlü +120° +240°
- F0E483
Halakā Pīlā
- B3EBFF
≈ Beyond the Clouds
- FFD1EC
≈ Shampoo
Bölünmüş tamamlayıcı +150° +210°
- F0E483
Halakā Pīlā
- CCE3FF
≈ Fresh Water
- EFD5FF
≈ Rose Dragée
Dörtlü +90° +180° +270°
- F0E483
Halakā Pīlā
- 72FAF5
≈ Ancient Ice
- DBDEFF
≈ Transparent Blue
- FFD4D8
≈ Pink Fluorite
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.13:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--halaka-pila: #f0e483;
--halaka-pila-rgb: 240 228 131;
--halaka-pila-oklch: oklch(0.908 0.119 102.2);
}
.element {
color: var(--halaka-pila);
background-color: hsl(53 78% 73%);
border-color: oklch(0.908 0.119 102.2);
}Tailwind CSS v4
@theme {
--color-halaka-pila: #f0e483;
--color-halaka-pila-50: #faf8d1;
--color-halaka-pila-100: #eeebbd;
--color-halaka-pila-200: #dcd79c;
--color-halaka-pila-300: #c1bb71;
--color-halaka-pila-400: #aca145;
--color-halaka-pila-500: #968800;
--color-halaka-pila-600: #7f7306;
--color-halaka-pila-700: #665c08;
--color-halaka-pila-800: #4c4302;
--color-halaka-pila-900: #352e03;
--color-halaka-pila-950: #201b00;
}SCSS
$halaka-pila: #f0e483;
$halaka-pila-rgb: 240, 228, 131;
$halaka-pila-light: mix(#fff, $halaka-pila, 20%);
$halaka-pila-dark: mix(#000, $halaka-pila, 20%);
.element {
color: $halaka-pila;
box-shadow: 0 0 0 2px rgba($halaka-pila, 0.35);
}