Nazwany kolor · #FFC782
Apricot Butter
Apricot Butter to #FFC782: rgb(255 199 130), hsl(33 100% 75%), oklch(0.865 0.107 71.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Apricot Butter color name →
#FFC782
oklch(0.865 0.107 71.4)
Konwersje koloru
- HEX
- #ffc782
- RGB
- rgb(255 199 130)
- HSL
- hsl(33 100% 75%)
- HWB
- hwb(33 51% 0%)
- OKLCH
- oklch(0.865 0.107 71.4)
- OKLab
- oklab(0.865 0.034 0.102)
- CIE Lab
- lab(84.25 14.67 42.43)
- LCH
- lch(84.25 44.89 70.9)
- CMYK
- cmyk(0% 22% 49% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFCD8F
- FFD39D
- FFD8A9
- FFDEB6
- FFE4C2
- FFE9CF
- FFEFDB
- FFF4E7
- FFFAF3
Odcienie ciemniejsze
- DEAD70
- BE935F
- 9E7A4E
- 80623E
- 634C2F
- 483620
- 2E2112
- 160E06
- 030201
Tony
- F2C083
- E5B984
- D8B284
- CBAB84
- BEA384
- B29C83
- A59583
- 998E82
- 8C8781
Harmonie kolorów
Komplementarna +180°
- FFC782
Apricot Butter
- B2D6FF
≈ Malmö FF
Analogowa -30° +30°
- FFC782
Apricot Butter
- FFC3AC
≈ Gadabout
- E1D580
≈ Gold Winged
Triada +120° +240°
- FFC782
Apricot Butter
- 73E9E4
≈ Blue Crystal Landscape
- E6C2FF
≈ Jane Purple
Komplementarna rozszczepiona +150° +210°
- FFC782
Apricot Butter
- 88E1FF
≈ Tranquil Pool
- CACEFF
≈ Lavender Blue
Tetrada +90° +180° +270°
- FFC782
Apricot Butter
- 8FE9BC
≈ Teal Deer
- B2D6FF
≈ Malmö FF
- FFBAE5
≈ Bubblegum Heart
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.74:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--apricot-butter: #ffc782;
--apricot-butter-rgb: 255 199 130;
--apricot-butter-oklch: oklch(0.865 0.107 71.4);
}
.element {
color: var(--apricot-butter);
background-color: hsl(33 100% 75%);
border-color: oklch(0.865 0.107 71.4);
}Tailwind CSS v4
@theme {
--color-apricot-butter: #ffc782;
--color-apricot-butter-50: #fff1d4;
--color-apricot-butter-100: #fee3c1;
--color-apricot-butter-200: #f1cea2;
--color-apricot-butter-300: #d9af79;
--color-apricot-butter-400: #c69353;
--color-apricot-butter-500: #b27926;
--color-apricot-butter-600: #966623;
--color-apricot-butter-700: #79521c;
--color-apricot-butter-800: #5a3b13;
--color-apricot-butter-900: #3f280c;
--color-apricot-butter-950: #281601;
}SCSS
$apricot-butter: #ffc782;
$apricot-butter-rgb: 255, 199, 130;
$apricot-butter-light: mix(#fff, $apricot-butter, 20%);
$apricot-butter-dark: mix(#000, $apricot-butter, 20%);
.element {
color: $apricot-butter;
box-shadow: 0 0 0 2px rgba($apricot-butter, 0.35);
}