이름 색상 · #CE8E8B
Rosette
Rosette은(는) #CE8E8B: rgb(206 142 139), hsl(3 41% 68%), oklch(0.709 0.079 22.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rosette color name →
#CE8E8B
oklch(0.709 0.079 22.2)
색상 변환
- HEX
- #ce8e8b
- RGB
- rgb(206 142 139)
- HSL
- hsl(3 41% 68%)
- HWB
- hwb(3 55% 19%)
- OKLCH
- oklch(0.709 0.079 22.2)
- OKLab
- oklab(0.709 0.073 0.03)
- CIE Lab
- lab(65.51 24.74 11.95)
- LCH
- lch(65.51 27.48 25.8)
- CMYK
- cmyk(0% 31% 33% 19%)
틴트 · 셰이드 · 톤
틴트
- D49996
- D9A4A1
- DEAFAD
- E3BBB8
- E8C6C4
- EDD1CF
- F2DCDB
- F6E8E7
- FBF3F3
셰이드
- B37B78
- 986866
- 7F5654
- 664443
- 4E3432
- 382423
- 231514
- 0F0707
- 020101
톤
- C68D8A
- BF8C89
- B78A88
- AF8987
- A88886
- A08685
- 988583
- 908382
- 888281
색 조화
보색 +180°
- CE8E8B
Rosette
- 61B0B6
≈ Fountain Blue
유사색 -30° +30°
- CE8E8B
Rosette
- C88DA6
≈ Pinch Me
- C99474
≈ Surprise
삼각 배색 +120° +240°
- CE8E8B
Rosette
- 85AE81
≈ Cressida
- 87A2D3
≈ Wisteria Blue
분열 보색 +150° +210°
- CE8E8B
Rosette
- 6BB29C
≈ Dusty Jade Green
- 6DAACA
≈ Blue Topaz
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.86:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--rosette: #ce8e8b;
--rosette-rgb: 206 142 139;
--rosette-oklch: oklch(0.709 0.079 22.2);
}
.element {
color: var(--rosette);
background-color: hsl(3 41% 68%);
border-color: oklch(0.709 0.079 22.2);
}Tailwind CSS v4
@theme {
--color-rosette: #ce8e8b;
--color-rosette-50: #ffedea;
--color-rosette-100: #ffdedb;
--color-rosette-200: #f4c8c4;
--color-rosette-300: #dda8a4;
--color-rosette-400: #c98c89;
--color-rosette-500: #b5716e;
--color-rosette-600: #99605e;
--color-rosette-700: #7a4c4b;
--color-rosette-800: #5b3737;
--color-rosette-900: #3f2625;
--color-rosette-950: #281414;
}SCSS
$rosette: #ce8e8b;
$rosette-rgb: 206, 142, 139;
$rosette-light: mix(#fff, $rosette, 20%);
$rosette-dark: mix(#000, $rosette, 20%);
.element {
color: $rosette;
box-shadow: 0 0 0 2px rgba($rosette, 0.35);
}