Adlandırılmış renk · #FFC217
Happy Yipee
Happy Yipee, #FFC217: rgb(255 194 23), hsl(44 100% 55%), oklch(0.846 0.17 85). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Happy Yipee color name →
#FFC217
oklch(0.846 0.17 85)
Renk dönüşümleri
- HEX
- #ffc217
- RGB
- rgb(255 194 23)
- HSL
- hsl(44 100% 55%)
- HWB
- hwb(44 9% 0%)
- OKLCH
- oklch(0.846 0.17 85)
- OKLab
- oklab(0.846 0.015 0.169)
- CIE Lab
- lab(82.37 13.3 80.72)
- LCH
- lch(82.37 81.8 80.6)
- CMYK
- cmyk(0% 24% 91% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFC947
- FFCF64
- FFD67B
- FFDC90
- FFE2A4
- FFE8B7
- FFEECA
- FFF4DC
- FFF9ED
Koyu tonlar
- DEA812
- BE8F0E
- 9E770A
- 806006
- 634904
- 483402
- 2E2001
- 160E00
- 030200
Gri tonlar
- F2BC36
- E5B547
- D8AF54
- CBA85E
- BEA266
- B19B6D
- A59473
- 988E78
- 8C877C
Renk uyumları
Tamamlayıcı +180°
- FFC217
Happy Yipee
- B5CDFF
≈ Ice Cold Stare
Analog -30° +30°
- FFC217
Happy Yipee
- FFBC8E
≈ Fuzzy Peach
- CAD940
≈ Las Palmas
Üçlü +120° +240°
- FFC217
Happy Yipee
- 00E7F9
≈ Whimsical Blue
- FBACFF
≈ Jigglypuff
Bölünmüş tamamlayıcı +150° +210°
- FFC217
Happy Yipee
- 92D7FF
≈ Shiva Blue
- D0C2FF
≈ Innocent Snowdrop
Dörtlü +90° +180° +270°
- FFC217
Happy Yipee
- 00EEC7
≈ Fake Jade
- B5CDFF
≈ Ice Cold Stare
- FFB3D0
≈ Pink Cattleya
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 12.98:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 12.98:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--happy-yipee: #ffc217;
--happy-yipee-rgb: 255 194 23;
--happy-yipee-oklch: oklch(0.846 0.17 85);
}
.element {
color: var(--happy-yipee);
background-color: hsl(44 100% 55%);
border-color: oklch(0.846 0.17 85);
}Tailwind CSS v4
@theme {
--color-happy-yipee: #ffc217;
--color-happy-yipee-50: #fff3be;
--color-happy-yipee-100: #ffe5a6;
--color-happy-yipee-200: #f4d07c;
--color-happy-yipee-300: #ddb141;
--color-happy-yipee-400: #cc9400;
--color-happy-yipee-500: #b97800;
--color-happy-yipee-600: #9c6600;
--color-happy-yipee-700: #7d5100;
--color-happy-yipee-800: #5e3a00;
--color-happy-yipee-900: #422800;
--color-happy-yipee-950: #2a1500;
}SCSS
$happy-yipee: #ffc217;
$happy-yipee-rgb: 255, 194, 23;
$happy-yipee-light: mix(#fff, $happy-yipee, 20%);
$happy-yipee-dark: mix(#000, $happy-yipee, 20%);
.element {
color: $happy-yipee;
box-shadow: 0 0 0 2px rgba($happy-yipee, 0.35);
}