이름 색상 · #C27275
Brandied Apricot
Brandied Apricot은(는) #C27275: rgb(194 114 117), hsl(358 40% 60%), oklch(0.64 0.101 17.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Brandied Apricot color name →
#C27275
oklch(0.64 0.101 17.9)
색상 변환
- HEX
- #c27275
- RGB
- rgb(194 114 117)
- HSL
- hsl(358 40% 60%)
- HWB
- hwb(358 45% 24%)
- OKLCH
- oklch(0.64 0.101 17.9)
- OKLab
- oklab(0.64 0.096 0.031)
- CIE Lab
- lab(57.22 32.55 12.72)
- LCH
- lch(57.22 34.95 21.3)
- CMYK
- cmyk(0% 41% 40% 24%)
틴트 · 셰이드 · 톤
틴트
- C98082
- D08E8F
- D79C9D
- DDAAAA
- E3B8B8
- E9C6C6
- EFD4D4
- F5E2E2
- FAF1F0
셰이드
- A86265
- 8F5355
- 774446
- 603637
- 492829
- 341B1C
- 200E0F
- 0E0405
- 020101
톤
- BC7476
- B67677
- AF7778
- A9797A
- A37A7B
- 9C7C7C
- 957D7D
- 8E7E7E
- 877F7F
색 조화
보색 +180°
- C27275
Brandied Apricot
- 249FA2
≈ Baltic
유사색 -30° +30°
- C27275
Brandied Apricot
- B97297
≈ First Plum
- BE7954
≈ Moroccan Sky
삼각 배색 +120° +240°
- C27275
Brandied Apricot
- 6D9B5D
≈ Green Hornet
- 658EC9
≈ Provence
분열 보색 +150° +210°
- C27275
Brandied Apricot
- 43A080
≈ Klimt Green
- 3C98BC
≈ Coastline Blue
사각 배색 +90° +180° +270°
- C27275
Brandied Apricot
- 929142
≈ April Hills
- 249FA2
≈ Baltic
- 8982C6
≈ Faraway Sky
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.52:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.95:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--brandied-apricot: #c27275;
--brandied-apricot-rgb: 194 114 117;
--brandied-apricot-oklch: oklch(0.64 0.101 17.9);
}
.element {
color: var(--brandied-apricot);
background-color: hsl(358 40% 60%);
border-color: oklch(0.64 0.101 17.9);
}Tailwind CSS v4
@theme {
--color-brandied-apricot: #c27275;
--color-brandied-apricot-50: #ffeae9;
--color-brandied-apricot-100: #ffdbda;
--color-brandied-apricot-200: #fdc4c2;
--color-brandied-apricot-300: #e7a3a2;
--color-brandied-apricot-400: #d38688;
--color-brandied-apricot-500: #c0696d;
--color-brandied-apricot-600: #a2595c;
--color-brandied-apricot-700: #82474a;
--color-brandied-apricot-800: #613336;
--color-brandied-apricot-900: #442325;
--color-brandied-apricot-950: #2b1114;
}SCSS
$brandied-apricot: #c27275;
$brandied-apricot-rgb: 194, 114, 117;
$brandied-apricot-light: mix(#fff, $brandied-apricot, 20%);
$brandied-apricot-dark: mix(#000, $brandied-apricot, 20%);
.element {
color: $brandied-apricot;
box-shadow: 0 0 0 2px rgba($brandied-apricot, 0.35);
}