Nazwany kolor · #FDC592
Dainty Apricot
Dainty Apricot to #FDC592: rgb(253 197 146), hsl(29 96% 78%), oklch(0.862 0.092 63.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Dainty Apricot color name →
#FDC592
oklch(0.862 0.092 63.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FECB9D
- FED1A8
- FED7B3
- FFDDBE
- FFE2C9
- FFE8D4
- FFEEDF
- FFF4EA
- FFF9F4
Odcienie ciemniejsze
- DCAB7E
- BC926B
- 9D7958
- 7F6146
- 624B35
- 473525
- 2D2116
- 160E08
- 030201
Tony
- F0BE91
- E3B78F
- D6B08E
- CAA98C
- BDA28B
- B19B89
- A59587
- 988E85
- 8C8782
Harmonie kolorów
Komplementarna +180°
- FDC592
Dainty Apricot
- A8D8FF
≈ Malmö FF
Analogowa -30° +30°
- FDC592
Dainty Apricot
- FFC0B2
≈ Ruffled Parasol
- E6D18B
≈ Alchemy
Triada +120° +240°
- FDC592
Dainty Apricot
- 88E6D8
≈ Sea Foam
- DDC5FF
≈ Neon Boneyard
Komplementarna rozszczepiona +150° +210°
- FDC592
Dainty Apricot
- 86E2F6
≈ Photon Barrier
- C3CFFF
≈ Lavender Blue
Tetrada +90° +180° +270°
- FDC592
Dainty Apricot
- A2E4B6
≈ Overtone
- A8D8FF
≈ Malmö FF
- F7BBEB
≈ Pink Quartz
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.57:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}