Adlandırılmış renk · #F7CF00
Endless Summer
Endless Summer, #F7CF00: rgb(247 207 0), hsl(50 100% 48%), oklch(0.863 0.177 94.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Endless Summer color name →
#F7CF00
oklch(0.863 0.177 94.8)
Renk dönüşümleri
- HEX
- #f7cf00
- RGB
- rgb(247 207 0)
- HSL
- hsl(50 100% 48%)
- HWB
- hwb(50 0% 3%)
- OKLCH
- oklch(0.863 0.177 94.8)
- OKLab
- oklab(0.863 -0.015 0.177)
- CIE Lab
- lab(84.7 3.42 84.29)
- LCH
- lch(84.7 84.36 87.7)
- CMYK
- cmyk(0% 16% 100% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8D443
- F9DA62
- F9DF7A
- FAE490
- FBE8A4
- FCEDB7
- FDF2CA
- FDF6DC
- FEFBEE
Koyu tonlar
- D7B400
- B79900
- 997F00
- 7C6700
- 604F00
- 453800
- 2C2300
- 151000
- 030200
Gri tonlar
- EAC731
- DEBF45
- D2B852
- C6B05D
- BAA866
- AEA06D
- A29873
- 979078
- 8B887C
Renk uyumları
Tamamlayıcı +180°
- F7CF00
Endless Summer
- C4CFFF
≈ Lavender Blue
Analog -30° +30°
- F7CF00
Endless Summer
- FFC58D
≈ Bundaberg Sand
- B8E555
≈ Energos
Üçlü +120° +240°
- F7CF00
Endless Summer
- 72E5FF
≈ Robin’s Egg
- FFB7EF
≈ Hermosa Pink
Bölünmüş tamamlayıcı +150° +210°
- F7CF00
Endless Summer
- ABD8FF
≈ Malmö FF
- DEC5FF
≈ Neon Boneyard
Dörtlü +90° +180° +270°
- F7CF00
Endless Summer
- 00F2DF
≈ Frozen Boubble
- C4CFFF
≈ Lavender Blue
- FFBDCB
≈ Love Affair
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.87:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.87:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--endless-summer: #f7cf00;
--endless-summer-rgb: 247 207 0;
--endless-summer-oklch: oklch(0.863 0.177 94.8);
}
.element {
color: var(--endless-summer);
background-color: hsl(50 100% 48%);
border-color: oklch(0.863 0.177 94.8);
}Tailwind CSS v4
@theme {
--color-endless-summer: #f7cf00;
--color-endless-summer-50: #fff6bc;
--color-endless-summer-100: #f8e9a4;
--color-endless-summer-200: #ead579;
--color-endless-summer-300: #d1b739;
--color-endless-summer-400: #c09b00;
--color-endless-summer-500: #ac8000;
--color-endless-summer-600: #916d00;
--color-endless-summer-700: #745700;
--color-endless-summer-800: #583e00;
--color-endless-summer-900: #3d2b00;
--color-endless-summer-950: #271800;
}SCSS
$endless-summer: #f7cf00;
$endless-summer-rgb: 247, 207, 0;
$endless-summer-light: mix(#fff, $endless-summer, 20%);
$endless-summer-dark: mix(#000, $endless-summer, 20%);
.element {
color: $endless-summer;
box-shadow: 0 0 0 2px rgba($endless-summer, 0.35);
}