이름 색상 · #FEC382
Apricot Appeal
Apricot Appeal은(는) #FEC382: rgb(254 195 130), hsl(31 98% 75%), oklch(0.856 0.106 68.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Apricot Appeal color name →
#FEC382
oklch(0.856 0.106 68.3)
색상 변환
- HEX
- #fec382
- RGB
- rgb(254 195 130)
- HSL
- hsl(31 98% 75%)
- HWB
- hwb(31 51% 0%)
- OKLCH
- oklch(0.856 0.106 68.3)
- OKLab
- oklab(0.856 0.039 0.099)
- CIE Lab
- lab(83.19 16.24 41.1)
- LCH
- lch(83.19 44.19 68.4)
- CMYK
- cmyk(0% 23% 49% 0%)
틴트 · 셰이드 · 톤
틴트
- FEC98F
- FFCF9C
- FFD5A9
- FFDCB6
- FFE2C2
- FFE7CE
- FFEDDB
- FFF3E7
- FFF9F3
셰이드
- DDA970
- BD905F
- 9E784E
- 80603E
- 634A2F
- 473420
- 2D2012
- 160E06
- 030201
톤
- F1BC83
- E4B683
- D7AF84
- CAA884
- BEA284
- B19B83
- A59483
- 988D82
- 8C8781
색 조화
보색 +180°
- FEC382
Apricot Appeal
- AAD5FF
≈ Malmö FF
유사색 -30° +30°
- FEC382
Apricot Appeal
- FFBEAA
≈ Porcellana
- E2D17D
≈ Starfruit
삼각 배색 +120° +240°
- FEC382
Apricot Appeal
- 73E6DD
≈ Turquoise Chalk
- E1C0FF
≈ Jane Purple
분열 보색 +150° +210°
- FEC382
Apricot Appeal
- 77E1FE
≈ Tranquil Pool
- C5CCFF
≈ Lavender Blue
사각 배색 +90° +180° +270°
- FEC382
Apricot Appeal
- 91E5B6
≈ Teal Deer
- AAD5FF
≈ Malmö FF
- FEB5E8
≈ Hot Aquarelle Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.34:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--apricot-appeal: #fec382;
--apricot-appeal-rgb: 254 195 130;
--apricot-appeal-oklch: oklch(0.856 0.106 68.3);
}
.element {
color: var(--apricot-appeal);
background-color: hsl(31 98% 75%);
border-color: oklch(0.856 0.106 68.3);
}Tailwind CSS v4
@theme {
--color-apricot-appeal: #fec382;
--color-apricot-appeal-50: #fff1d5;
--color-apricot-appeal-100: #ffe3c2;
--color-apricot-appeal-200: #f2cda3;
--color-apricot-appeal-300: #dbae7b;
--color-apricot-appeal-400: #c89256;
--color-apricot-appeal-500: #b4772b;
--color-apricot-appeal-600: #986527;
--color-apricot-appeal-700: #7a511f;
--color-apricot-appeal-800: #5b3a15;
--color-apricot-appeal-900: #40280d;
--color-apricot-appeal-950: #281602;
}SCSS
$apricot-appeal: #fec382;
$apricot-appeal-rgb: 254, 195, 130;
$apricot-appeal-light: mix(#fff, $apricot-appeal, 20%);
$apricot-appeal-dark: mix(#000, $apricot-appeal, 20%);
.element {
color: $apricot-appeal;
box-shadow: 0 0 0 2px rgba($apricot-appeal, 0.35);
}