Màu có tên · #D39898
Tobermory
Tobermory là #D39898: rgb(211 152 152), hsl(0 40% 71%), oklch(0.736 0.071 18.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Tobermory color name →
#D39898
oklch(0.736 0.071 18.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D8A2A2
- DDACAC
- E1B6B6
- E6C1C0
- EACBCA
- EFD5D5
- F3E0DF
- F7EAEA
- FBF4F4
Sắc đậm
- B78484
- 9C7070
- 825C5C
- 694A4A
- 513838
- 3A2727
- 241717
- 100808
- 020101
Sắc xám
- CB9696
- C29393
- BA9191
- B28F8E
- AA8C8C
- A18A8A
- 998887
- 918585
- 888382
Hòa sắc
Bổ túc +180°
- D39898
Tobermory
- 71B8BB
≈ Surfer
Tương đồng -30° +30°
- D39898
Tobermory
- CD98B1
≈ Exotic Lilac
- CF9D82
≈ Dusty Coral
Bộ ba +120° +240°
- D39898
Tobermory
- 93B58A
≈ Foliage
- 8FABD7
≈ Casual Water
Bổ túc chia +150° +210°
- D39898
Tobermory
- 7CB9A2
≈ Froggy Pond
- 79B3CE
≈ Alpine Sky
Bộ bốn +90° +180° +270°
- D39898
Tobermory
- ADAE79
≈ Stuffed Olive
- 71B8BB
≈ Surfer
- A8A3D4
≈ Simply Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.40:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.71:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
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);
}