Nazwany kolor · #FBA57D
Apricot Wash
Apricot Wash to #FBA57D: rgb(251 165 125), hsl(19 94% 74%), oklch(0.798 0.116 45.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Apricot Wash color name →
#FBA57D
oklch(0.798 0.116 45.6)
Konwersje koloru
- HEX
- #fba57d
- RGB
- rgb(251 165 125)
- HSL
- hsl(19 94% 74%)
- HWB
- hwb(19 49% 2%)
- OKLCH
- oklch(0.798 0.116 45.6)
- OKLab
- oklab(0.798 0.081 0.083)
- CIE Lab
- lab(75.87 29.65 34.45)
- LCH
- lch(75.87 45.45 49.3)
- CMYK
- cmyk(0% 34% 50% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCAE8A
- FDB797
- FEC1A4
- FFCAB1
- FFD3BE
- FFDCCB
- FFE4D8
- FFEDE5
- FFF6F2
Odcienie ciemniejsze
- DA8F6C
- BA795B
- 9C654B
- 7E513B
- 613D2C
- 462B1E
- 2D1A11
- 150A05
- 030101
Tony
- EFA27E
- E29E7F
- D69B80
- CA9780
- BD9380
- B19081
- A58C81
- 998881
- 8C8480
Harmonie kolorów
Komplementarna +180°
- FBA57D
Apricot Wash
- 5ECCF6
≈ Skyan
Analogowa -30° +30°
- FBA57D
Apricot Wash
- FE9EA4
≈ Strawberry Frappé
- E8B263
≈ Buzzworthy
Triada +120° +240°
- FBA57D
Apricot Wash
- 6CD5AB
≈ Tadorna Teal
- B6B3FF
≈ Winterspring Lilac
Komplementarna rozszczepiona +150° +210°
- FBA57D
Apricot Wash
- 4CD4D5
≈ Medium Turquoise
- 90C0FF
≈ Truesky Gloxym
Tetrada +90° +180° +270°
- FBA57D
Apricot Wash
- 9CCE82
≈ Jade Lime
- 5ECCF6
≈ Skyan
- DAA6F0
≈ Petal Plush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.78:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--apricot-wash: #fba57d;
--apricot-wash-rgb: 251 165 125;
--apricot-wash-oklch: oklch(0.798 0.116 45.6);
}
.element {
color: var(--apricot-wash);
background-color: hsl(19 94% 74%);
border-color: oklch(0.798 0.116 45.6);
}Tailwind CSS v4
@theme {
--color-apricot-wash: #fba57d;
--color-apricot-wash-50: #ffecd9;
--color-apricot-wash-100: #ffddc7;
--color-apricot-wash-200: #ffc6aa;
--color-apricot-wash-300: #e9a584;
--color-apricot-wash-400: #d78863;
--color-apricot-wash-500: #c46b3f;
--color-apricot-wash-600: #a55b36;
--color-apricot-wash-700: #85482b;
--color-apricot-wash-800: #63341f;
--color-apricot-wash-900: #452314;
--color-apricot-wash-950: #2d1206;
}SCSS
$apricot-wash: #fba57d;
$apricot-wash-rgb: 251, 165, 125;
$apricot-wash-light: mix(#fff, $apricot-wash, 20%);
$apricot-wash-dark: mix(#000, $apricot-wash, 20%);
.element {
color: $apricot-wash;
box-shadow: 0 0 0 2px rgba($apricot-wash, 0.35);
}