이름 색상 · #BE7767
November
November은(는) #BE7767: rgb(190 119 103), hsl(11 40% 57%), oklch(0.641 0.093 33.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · November color name →
#BE7767
oklch(0.641 0.093 33.4)
색상 변환
- HEX
- #be7767
- RGB
- rgb(190 119 103)
- HSL
- hsl(11 40% 57%)
- HWB
- hwb(11 40% 25%)
- OKLCH
- oklch(0.641 0.093 33.4)
- OKLab
- oklab(0.641 0.078 0.051)
- CIE Lab
- lab(57.56 27.27 21.09)
- LCH
- lch(57.56 34.48 37.7)
- CMYK
- cmyk(0% 37% 46% 25%)
틴트 · 셰이드 · 톤
틴트
- C58476
- CC9284
- D39F93
- DAADA2
- E1BAB1
- E7C8C0
- EDD5D0
- F3E3DF
- F9F1EF
셰이드
- A56759
- 8C574B
- 75473D
- 5E3830
- 482A23
- 331C17
- 1F100C
- 0D0504
- 020100
톤
- B8786A
- B2796C
- AC7B6F
- A67C72
- A07D74
- 9A7D77
- 947E79
- 8D7F7B
- 877F7E
색 조화
보색 +180°
- BE7767
November
- 3A9BAE
≈ Rainy Mood
유사색 -30° +30°
- BE7767
November
- BC7486
≈ Smell the Roses
- B4804E
≈ Caramel Sauce
삼각 배색 +120° +240°
- BE7767
November
- 5D9D72
≈ Treelet
- 7A88C5
≈ True Lavender
분열 보색 +150° +210°
- BE7767
November
- 3C9F92
≈ Dioptase Green
- 5793C1
≈ Blue Paradise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.48:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.02:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--november: #be7767;
--november-rgb: 190 119 103;
--november-oklch: oklch(0.641 0.093 33.4);
}
.element {
color: var(--november);
background-color: hsl(11 40% 57%);
border-color: oklch(0.641 0.093 33.4);
}Tailwind CSS v4
@theme {
--color-november: #be7767;
--color-november-50: #ffece3;
--color-november-100: #ffded3;
--color-november-200: #f9c7b9;
--color-november-300: #e3a797;
--color-november-400: #cf8a7a;
--color-november-500: #bb6e5d;
--color-november-600: #9e5e4f;
--color-november-700: #7f4b3f;
--color-november-800: #5e362e;
--color-november-900: #42251f;
--color-november-950: #2a130f;
}SCSS
$november: #be7767;
$november-rgb: 190, 119, 103;
$november-light: mix(#fff, $november, 20%);
$november-dark: mix(#000, $november, 20%);
.element {
color: $november;
box-shadow: 0 0 0 2px rgba($november, 0.35);
}