Adlandırılmış renk · #FFCE79
Apricot Glow
Apricot Glow, #FFCE79: rgb(255 206 121), hsl(38 100% 74%), oklch(0.877 0.117 80.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Apricot Glow color name →
#FFCE79
oklch(0.877 0.117 80.1)
Renk dönüşümleri
- HEX
- #ffce79
- RGB
- rgb(255 206 121)
- HSL
- hsl(38 100% 74%)
- HWB
- hwb(38 47% 0%)
- OKLCH
- oklch(0.877 0.117 80.1)
- OKLab
- oklab(0.877 0.02 0.115)
- CIE Lab
- lab(85.83 10.67 48.75)
- LCH
- lch(85.83 49.91 77.7)
- CMYK
- cmyk(0% 19% 53% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFD388
- FFD896
- FFDDA4
- FFE2B2
- FFE7BF
- FFECCC
- FFF1D9
- FFF6E6
- FFFAF2
Koyu tonlar
- DEB368
- BE9858
- 9E7F48
- 806639
- 634E2B
- 48381D
- 2E2310
- 160F05
- 030201
Gri tonlar
- F2C67B
- E5BE7D
- D8B67F
- CBAF80
- BEA781
- B19F81
- A59781
- 989081
- 8C8881
Renk uyumları
Tamamlayıcı +180°
- FFCE79
Apricot Glow
- C0D8FF
≈ Broad Daylight
Analog -30° +30°
- FFCE79
Apricot Glow
- FFC9AC
≈ Bleached Apricot
- DBDE80
≈ Carolina Parakeet
Üçlü +120° +240°
- FFCE79
Apricot Glow
- 67EEF5
≈ Poseidon Jr.
- F4C2FF
≈ Electric Lavender
Bölünmüş tamamlayıcı +150° +210°
- FFCE79
Apricot Glow
- A3E0FF
≈ Droplet
- D5D0FF
≈ Pale Lavender
Dörtlü +90° +180° +270°
- FFCE79
Apricot Glow
- 7FF0CB
≈ Light Turquoise
- C0D8FF
≈ Broad Daylight
- FFC2DE
≈ Sweet Romance
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.35:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--apricot-glow: #ffce79;
--apricot-glow-rgb: 255 206 121;
--apricot-glow-oklch: oklch(0.877 0.117 80.1);
}
.element {
color: var(--apricot-glow);
background-color: hsl(38 100% 74%);
border-color: oklch(0.877 0.117 80.1);
}Tailwind CSS v4
@theme {
--color-apricot-glow: #ffce79;
--color-apricot-glow-50: #fff3d0;
--color-apricot-glow-100: #fce5bc;
--color-apricot-glow-200: #edd09b;
--color-apricot-glow-300: #d5b270;
--color-apricot-glow-400: #c39646;
--color-apricot-glow-500: #ae7c00;
--color-apricot-glow-600: #936909;
--color-apricot-glow-700: #765409;
--color-apricot-glow-800: #583c05;
--color-apricot-glow-900: #3e2a04;
--color-apricot-glow-950: #271700;
}SCSS
$apricot-glow: #ffce79;
$apricot-glow-rgb: 255, 206, 121;
$apricot-glow-light: mix(#fff, $apricot-glow, 20%);
$apricot-glow-dark: mix(#000, $apricot-glow, 20%);
.element {
color: $apricot-glow;
box-shadow: 0 0 0 2px rgba($apricot-glow, 0.35);
}