이름 색상 · #BD827F
New Haven Rose
New Haven Rose은(는) #BD827F: rgb(189 130 127), hsl(3 32% 62%), oklch(0.665 0.074 22.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · New Haven Rose color name →
#BD827F
oklch(0.665 0.074 22.5)
색상 변환
- HEX
- #bd827f
- RGB
- rgb(189 130 127)
- HSL
- hsl(3 32% 62%)
- HWB
- hwb(3 50% 26%)
- OKLCH
- oklch(0.665 0.074 22.5)
- OKLab
- oklab(0.665 0.068 0.028)
- CIE Lab
- lab(60.44 23.15 11.32)
- LCH
- lch(60.44 25.77 26.1)
- CMYK
- cmyk(0% 31% 33% 26%)
틴트 · 셰이드 · 톤
틴트
- C48E8B
- CB9A97
- D2A7A4
- D9B3B0
- DFBFBD
- E6CCCA
- ECD9D7
- F3E5E4
- F9F2F2
셰이드
- A4706E
- 8C5F5D
- 744E4C
- 5D3E3C
- 472F2D
- 33201F
- 1F1211
- 0D0606
- 020101
톤
- B7827F
- B1827F
- AB827F
- A58280
- 9F8280
- 998180
- 938180
- 8D8180
- 868080
색 조화
보색 +180°
- BD827F
New Haven Rose
- 58A1A7
≈ Atlas Cedar
유사색 -30° +30°
- BD827F
New Haven Rose
- B88198
≈ Nuisette
- B88769
≈ Carnal Brown
삼각 배색 +120° +240°
- BD827F
New Haven Rose
- 7AA076
≈ Jadesheen
- 7C94C2
≈ Steel Blue Eyes
분열 보색 +150° +210°
- BD827F
New Haven Rose
- 62A38F
≈ Polished Pine
- 649CBA
≈ Lake Lucerne
사각 배색 +90° +180° +270°
- BD827F
New Haven Rose
- 949963
≈ Broad Bean
- 58A1A7
≈ Atlas Cedar
- 958CBE
≈ Hermosa
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.15:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.66:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--new-haven-rose: #bd827f;
--new-haven-rose-rgb: 189 130 127;
--new-haven-rose-oklch: oklch(0.665 0.074 22.5);
}
.element {
color: var(--new-haven-rose);
background-color: hsl(3 32% 62%);
border-color: oklch(0.665 0.074 22.5);
}Tailwind CSS v4
@theme {
--color-new-haven-rose: #bd827f;
--color-new-haven-rose-50: #ffeeeb;
--color-new-haven-rose-100: #ffdfdc;
--color-new-haven-rose-200: #f2c9c5;
--color-new-haven-rose-300: #dba9a5;
--color-new-haven-rose-400: #c68e8a;
--color-new-haven-rose-500: #b27270;
--color-new-haven-rose-600: #96615f;
--color-new-haven-rose-700: #794e4c;
--color-new-haven-rose-800: #593837;
--color-new-haven-rose-900: #3e2626;
--color-new-haven-rose-950: #271514;
}SCSS
$new-haven-rose: #bd827f;
$new-haven-rose-rgb: 189, 130, 127;
$new-haven-rose-light: mix(#fff, $new-haven-rose, 20%);
$new-haven-rose-dark: mix(#000, $new-haven-rose, 20%);
.element {
color: $new-haven-rose;
box-shadow: 0 0 0 2px rgba($new-haven-rose, 0.35);
}