Adlandırılmış renk · #FDC592
Dainty Apricot
Dainty Apricot, #FDC592: rgb(253 197 146), hsl(29 96% 78%), oklch(0.862 0.092 63.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Dainty Apricot color name →
#FDC592
oklch(0.862 0.092 63.5)
Renk dönüşümleri
- HEX
- #fdc592
- RGB
- rgb(253 197 146)
- HSL
- hsl(29 96% 78%)
- HWB
- hwb(29 57% 1%)
- OKLCH
- oklch(0.862 0.092 63.5)
- OKLab
- oklab(0.862 0.041 0.082)
- CIE Lab
- lab(83.77 15.98 33.66)
- LCH
- lch(83.77 37.26 64.6)
- CMYK
- cmyk(0% 22% 42% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FECB9D
- FED1A8
- FED7B3
- FFDDBE
- FFE2C9
- FFE8D4
- FFEEDF
- FFF4EA
- FFF9F4
Koyu tonlar
- DCAB7E
- BC926B
- 9D7958
- 7F6146
- 624B35
- 473525
- 2D2116
- 160E08
- 030201
Gri tonlar
- F0BE91
- E3B78F
- D6B08E
- CAA98C
- BDA28B
- B19B89
- A59587
- 988E85
- 8C8782
Renk uyumları
Tamamlayıcı +180°
- FDC592
Dainty Apricot
- A8D8FF
≈ Malmö FF
Analog -30° +30°
- FDC592
Dainty Apricot
- FFC0B2
≈ Ruffled Parasol
- E6D18B
≈ Alchemy
Üçlü +120° +240°
- FDC592
Dainty Apricot
- 88E6D8
≈ Sea Foam
- DDC5FF
≈ Neon Boneyard
Bölünmüş tamamlayıcı +150° +210°
- FDC592
Dainty Apricot
- 86E2F6
≈ Photon Barrier
- C3CFFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
- FDC592
Dainty Apricot
- A2E4B6
≈ Overtone
- A8D8FF
≈ Malmö FF
- F7BBEB
≈ Pink Quartz
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.54:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.57:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--dainty-apricot: #fdc592;
--dainty-apricot-rgb: 253 197 146;
--dainty-apricot-oklch: oklch(0.862 0.092 63.5);
}
.element {
color: var(--dainty-apricot);
background-color: hsl(29 96% 78%);
border-color: oklch(0.862 0.092 63.5);
}Tailwind CSS v4
@theme {
--color-dainty-apricot: #fdc592;
--color-dainty-apricot-50: #fff1da;
--color-dainty-apricot-100: #fee2c8;
--color-dainty-apricot-200: #f0cdab;
--color-dainty-apricot-300: #d9ae86;
--color-dainty-apricot-400: #c59364;
--color-dainty-apricot-500: #b17840;
--color-dainty-apricot-600: #956638;
--color-dainty-apricot-700: #78512c;
--color-dainty-apricot-800: #593b1f;
--color-dainty-apricot-900: #3e2814;
--color-dainty-apricot-950: #271606;
}SCSS
$dainty-apricot: #fdc592;
$dainty-apricot-rgb: 253, 197, 146;
$dainty-apricot-light: mix(#fff, $dainty-apricot, 20%);
$dainty-apricot-dark: mix(#000, $dainty-apricot, 20%);
.element {
color: $dainty-apricot;
box-shadow: 0 0 0 2px rgba($dainty-apricot, 0.35);
}