이름 색상 · #C16F68
Contessa
Contessa은(는) #C16F68: rgb(193 111 104), hsl(5 42% 58%), oklch(0.631 0.105 25.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Contessa color name →
#C16F68
oklch(0.631 0.105 25.6)
색상 변환
- HEX
- #c16f68
- RGB
- rgb(193 111 104)
- HSL
- hsl(5 42% 58%)
- HWB
- hwb(5 41% 24%)
- OKLCH
- oklch(0.631 0.105 25.6)
- OKLab
- oklab(0.631 0.095 0.046)
- CIE Lab
- lab(56.19 32.68 18.79)
- LCH
- lch(56.19 37.69 29.9)
- CMYK
- cmyk(0% 42% 46% 24%)
틴트 · 셰이드 · 톤
틴트
- C87D76
- CF8B85
- D69A93
- DDA8A2
- E3B6B1
- E9C5C0
- EFD3D0
- F5E2DF
- FAF0EF
셰이드
- A76059
- 8F514B
- 77423E
- 5F3430
- 492724
- 341A18
- 200E0C
- 0E0404
- 020100
톤
- BB716B
- B5736D
- AF7570
- A97772
- A27975
- 9C7B77
- 957C79
- 8E7D7C
- 877F7E
색 조화
보색 +180°
- C16F68
Contessa
- 119BA8
≈ Turkish Boy
유사색 -30° +30°
- C16F68
Contessa
- BB6D8C
≈ Pinky Pickle
- BA7747
≈ Palomino
삼각 배색 +120° +240°
- C16F68
Contessa
- 5E9A62
≈ Wildness Mint
- 6B87C9
≈ Livid
분열 보색 +150° +210°
- C16F68
Contessa
- 2D9E87
≈ Gossamer
- 3F93C0
≈ Opalescent
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.65:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.74:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--contessa: #c16f68;
--contessa-rgb: 193 111 104;
--contessa-oklch: oklch(0.631 0.105 25.6);
}
.element {
color: var(--contessa);
background-color: hsl(5 42% 58%);
border-color: oklch(0.631 0.105 25.6);
}Tailwind CSS v4
@theme {
--color-contessa: #c16f68;
--color-contessa-50: #ffebe5;
--color-contessa-100: #ffdbd5;
--color-contessa-200: #fec4bc;
--color-contessa-300: #e8a39a;
--color-contessa-400: #d6857e;
--color-contessa-500: #c26861;
--color-contessa-600: #a45953;
--color-contessa-700: #844742;
--color-contessa-800: #623330;
--color-contessa-900: #452321;
--color-contessa-950: #2c1110;
}SCSS
$contessa: #c16f68;
$contessa-rgb: 193, 111, 104;
$contessa-light: mix(#fff, $contessa, 20%);
$contessa-dark: mix(#000, $contessa, 20%);
.element {
color: $contessa;
box-shadow: 0 0 0 2px rgba($contessa, 0.35);
}