Adlandırılmış renk · #EDEB9A
Pitapat
Pitapat, #EDEB9A: rgb(237 235 154), hsl(59 70% 77%), oklch(0.923 0.102 107). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Pitapat color name →
#EDEB9A
oklch(0.923 0.102 107)
Renk dönüşümleri
- HEX
- #edeb9a
- RGB
- rgb(237 235 154)
- HSL
- hsl(59 70% 77%)
- HWB
- hwb(59 60% 7%)
- OKLCH
- oklch(0.923 0.102 107)
- OKLab
- oklab(0.923 -0.03 0.098)
- CIE Lab
- lab(91.85 -8.01 39.6)
- LCH
- lch(91.85 40.41 101.4)
- CMYK
- cmyk(0% 1% 35% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFEDA5
- F0EFB0
- F2F1BA
- F4F3C4
- F6F5CE
- F7F7D8
- F9F9E2
- FBFBEC
- FDFDF5
Koyu tonlar
- CECC85
- B0AE71
- 93915E
- 77754B
- 5C5B39
- 424127
- 2A2917
- 141309
- 030301
Gri tonlar
- E2E098
- D6D596
- CBCA94
- C0BF92
- B5B48F
- AAAA8C
- 9F9F8A
- 959587
- 8A8A83
Renk uyumları
Tamamlayıcı +180°
- EDEB9A
Pitapat
- E3E2FF
≈ Stoic White
Analog -30° +30°
- EDEB9A
Pitapat
- FFE1B5
≈ Semifreddo
- C6F6B3
≈ Spring Slumber Green
Üçlü +120° +240°
- EDEB9A
Pitapat
- C5EDFF
≈ Blue Java Banana
- FFDAEC
≈ Rose Glow
Bölünmüş tamamlayıcı +150° +210°
- EDEB9A
Pitapat
- D6E7FF
≈ Veiling Waterfalls
- F5DBFF
≈ Lavender Savour
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.95:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.95:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--pitapat: #edeb9a;
--pitapat-rgb: 237 235 154;
--pitapat-oklch: oklch(0.923 0.102 107);
}
.element {
color: var(--pitapat);
background-color: hsl(59 70% 77%);
border-color: oklch(0.923 0.102 107);
}Tailwind CSS v4
@theme {
--color-pitapat: #edeb9a;
--color-pitapat-50: #f7f8d7;
--color-pitapat-100: #eaebc4;
--color-pitapat-200: #d7d8a6;
--color-pitapat-300: #bbbc7e;
--color-pitapat-400: #a5a358;
--color-pitapat-500: #8e8a2f;
--color-pitapat-600: #787529;
--color-pitapat-700: #605e21;
--color-pitapat-800: #484415;
--color-pitapat-900: #322f0d;
--color-pitapat-950: #1e1b02;
}SCSS
$pitapat: #edeb9a;
$pitapat-rgb: 237, 235, 154;
$pitapat-light: mix(#fff, $pitapat, 20%);
$pitapat-dark: mix(#000, $pitapat, 20%);
.element {
color: $pitapat;
box-shadow: 0 0 0 2px rgba($pitapat, 0.35);
}