Adlandırılmış renk · #EDB80F
Pattypan
Pattypan, #EDB80F: rgb(237 184 15), hsl(46 88% 49%), oklch(0.808 0.163 87.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Pattypan color name →
#EDB80F
oklch(0.808 0.163 87.3)
Renk dönüşümleri
- HEX
- #edb80f
- RGB
- rgb(237 184 15)
- HSL
- hsl(46 88% 49%)
- HWB
- hwb(46 6% 7%)
- OKLCH
- oklch(0.808 0.163 87.3)
- OKLab
- oklab(0.808 0.008 0.163)
- CIE Lab
- lab(78.01 10.58 77.81)
- LCH
- lch(78.01 78.53 82.3)
- CMYK
- cmyk(0% 22% 94% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFC043
- F1C75F
- F3CE77
- F5D68D
- F7DDA1
- F8E4B4
- FAEBC7
- FCF2DA
- FDF8ED
Koyu tonlar
- CEA00B
- B08808
- 937105
- 775B03
- 5C4502
- 423101
- 2A1E00
- 140C00
- 030200
Gri tonlar
- E2B331
- D7AD43
- CBA850
- C0A25A
- B59D63
- AB976A
- A09271
- 958C76
- 8A867B
Renk uyumları
Tamamlayıcı +180°
- EDB80F
Pattypan
- A5BFFF
≈ Pastel Blue
Analog -30° +30°
- EDB80F
Pattypan
- FFAA68
≈ Transparent Orange
- B9CD40
≈ Golden Foliage
Üçlü +120° +240°
- EDB80F
Pattypan
- 00D9EE
≈ Thousand Sons Blue
- F798F6
≈ Pinkalicious
Bölünmüş tamamlayıcı +150° +210°
- EDB80F
Pattypan
- 76CBFF
≈ Bubbly Barracuda
- C8B1FF
≈ Teasel Dipsacus
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.46:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.46:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--pattypan: #edb80f;
--pattypan-rgb: 237 184 15;
--pattypan-oklch: oklch(0.808 0.163 87.3);
}
.element {
color: var(--pattypan);
background-color: hsl(46 88% 49%);
border-color: oklch(0.808 0.163 87.3);
}Tailwind CSS v4
@theme {
--color-pattypan: #edb80f;
--color-pattypan-50: #fff4c0;
--color-pattypan-100: #fee6a9;
--color-pattypan-200: #f0d180;
--color-pattypan-300: #d9b348;
--color-pattypan-400: #c79600;
--color-pattypan-500: #b47b00;
--color-pattypan-600: #986800;
--color-pattypan-700: #7a5300;
--color-pattypan-800: #5c3c00;
--color-pattypan-900: #402900;
--color-pattypan-950: #291600;
}SCSS
$pattypan: #edb80f;
$pattypan-rgb: 237, 184, 15;
$pattypan-light: mix(#fff, $pattypan, 20%);
$pattypan-dark: mix(#000, $pattypan, 20%);
.element {
color: $pattypan;
box-shadow: 0 0 0 2px rgba($pattypan, 0.35);
}