이름 색상 · #D39898
Tobermory
Tobermory은(는) #D39898: rgb(211 152 152), hsl(0 40% 71%), oklch(0.736 0.071 18.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tobermory color name →
#D39898
oklch(0.736 0.071 18.9)
색상 변환
- HEX
- #d39898
- RGB
- rgb(211 152 152)
- HSL
- hsl(0 40% 71%)
- HWB
- hwb(0 60% 17%)
- OKLCH
- oklch(0.736 0.071 18.9)
- OKLab
- oklab(0.736 0.067 0.023)
- CIE Lab
- lab(68.68 22.79 9.25)
- LCH
- lch(68.68 24.59 22.1)
- CMYK
- cmyk(0% 28% 28% 17%)
틴트 · 셰이드 · 톤
틴트
- D8A2A2
- DDACAC
- E1B6B6
- E6C1C0
- EACBCA
- EFD5D5
- F3E0DF
- F7EAEA
- FBF4F4
셰이드
- B78484
- 9C7070
- 825C5C
- 694A4A
- 513838
- 3A2727
- 241717
- 100808
- 020101
톤
- CB9696
- C29393
- BA9191
- B28F8E
- AA8C8C
- A18A8A
- 998887
- 918585
- 888382
색 조화
보색 +180°
- D39898
Tobermory
- 71B8BB
≈ Surfer
유사색 -30° +30°
- D39898
Tobermory
- CD98B1
≈ Exotic Lilac
- CF9D82
≈ Dusty Coral
삼각 배색 +120° +240°
- D39898
Tobermory
- 93B58A
≈ Foliage
- 8FABD7
≈ Casual Water
분열 보색 +150° +210°
- D39898
Tobermory
- 7CB9A2
≈ Froggy Pond
- 79B3CE
≈ Alpine Sky
사각 배색 +90° +180° +270°
- D39898
Tobermory
- ADAE79
≈ Stuffed Olive
- 71B8BB
≈ Surfer
- A8A3D4
≈ Simply Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.71:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--tobermory: #d39898;
--tobermory-rgb: 211 152 152;
--tobermory-oklch: oklch(0.736 0.071 18.9);
}
.element {
color: var(--tobermory);
background-color: hsl(0 40% 71%);
border-color: oklch(0.736 0.071 18.9);
}Tailwind CSS v4
@theme {
--color-tobermory: #d39898;
--color-tobermory-50: #ffeeec;
--color-tobermory-100: #ffdfde;
--color-tobermory-200: #f2c9c7;
--color-tobermory-300: #daaaa8;
--color-tobermory-400: #c58e8e;
--color-tobermory-500: #b17373;
--color-tobermory-600: #956162;
--color-tobermory-700: #784e4e;
--color-tobermory-800: #593839;
--color-tobermory-900: #3e2627;
--color-tobermory-950: #271515;
}SCSS
$tobermory: #d39898;
$tobermory-rgb: 211, 152, 152;
$tobermory-light: mix(#fff, $tobermory, 20%);
$tobermory-dark: mix(#000, $tobermory, 20%);
.element {
color: $tobermory;
box-shadow: 0 0 0 2px rgba($tobermory, 0.35);
}