이름 색상 · #FBA57D
Apricot Wash
Apricot Wash은(는) #FBA57D: rgb(251 165 125), hsl(19 94% 74%), oklch(0.798 0.116 45.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Apricot Wash color name →
#FBA57D
oklch(0.798 0.116 45.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FCAE8A
- FDB797
- FEC1A4
- FFCAB1
- FFD3BE
- FFDCCB
- FFE4D8
- FFEDE5
- FFF6F2
셰이드
- DA8F6C
- BA795B
- 9C654B
- 7E513B
- 613D2C
- 462B1E
- 2D1A11
- 150A05
- 030101
톤
- EFA27E
- E29E7F
- D69B80
- CA9780
- BD9380
- B19081
- A58C81
- 998881
- 8C8480
색 조화
보색 +180°
- FBA57D
Apricot Wash
- 5ECCF6
≈ Skyan
유사색 -30° +30°
- FBA57D
Apricot Wash
- FE9EA4
≈ Strawberry Frappé
- E8B263
≈ Buzzworthy
삼각 배색 +120° +240°
- FBA57D
Apricot Wash
- 6CD5AB
≈ Tadorna Teal
- B6B3FF
≈ Winterspring Lilac
분열 보색 +150° +210°
- FBA57D
Apricot Wash
- 4CD4D5
≈ Medium Turquoise
- 90C0FF
≈ Truesky Gloxym
사각 배색 +90° +180° +270°
- FBA57D
Apricot Wash
- 9CCE82
≈ Jade Lime
- 5ECCF6
≈ Skyan
- DAA6F0
≈ Petal Plush
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.78:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
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);
}