Màu có tên gần nhất · #D37670
#D37670
Màu có tên gần nhất: Bite My Tongue
#D37670 (rgb(211 118 112), hsl(4 53% 63%), oklch(0.668 0.117 24.6)) gần nhất với màu có tên Bite My Tongue. 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.
#D37670
oklch(0.668 0.117 24.6)
Chuyển đổi màu
- HEX
- #d37670
- RGB
- rgb(211 118 112)
- HSL
- hsl(4 53% 63%)
- HWB
- hwb(4 44% 17%)
- OKLCH
- oklch(0.668 0.117 24.6)
- OKLab
- oklab(0.668 0.107 0.049)
- CIE Lab
- lab(60.3 36.71 20.22)
- LCH
- lch(60.3 41.91 28.8)
- CMYK
- cmyk(0% 44% 47% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9847E
- DE928B
- E39F99
- E8ADA7
- EDBAB6
- F1C8C4
- F5D6D3
- F9E3E1
- FCF1F0
Sắc đậm
- B76660
- 9C5651
- 824743
- 693835
- 512927
- 3A1C1A
- 240F0E
- 100504
- 020101
Sắc xám
- CB7872
- C37974
- BB7B75
- B37C77
- AB7D79
- A37E7A
- 9B7E7C
- 927F7D
- 89807F
Hòa sắc
Bổ túc +180°
- D37670
Bite My Tongue
- 00A8B5
≈ Exotic Sea
Tương đồng -30° +30°
- D37670
Bite My Tongue
- CC7599
≈ Camellia Pink
- CC7F49
≈ Sticky Toffee
Bộ ba +120° +240°
- D37670
Bite My Tongue
- 64A766
≈ Endo
- 7093DD
≈ Little Boy Blue
Bổ túc chia +150° +210°
- D37670
Bite My Tongue
- 27AC90
≈ Wells of Wonder
- 3B9FD2
≈ Peaceful River
Bộ bốn +90° +180° +270°
- D37670
Bite My Tongue
- 939D40
≈ Split Pea
- 00A8B5
≈ Exotic Sea
- 9985D5
≈ Indigo Bloom
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.18:1 · APCA Lc 59
Ag
AATrên nền đen
WCAG 6.59:1 · APCA Lc 43
Màu chữ tốt nhất: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Đoạn mã
CSS
:root {
--bite-my-tongue: #d37670;
--bite-my-tongue-rgb: 211 118 112;
--bite-my-tongue-oklch: oklch(0.668 0.117 24.6);
}
.element {
color: var(--bite-my-tongue);
background-color: hsl(4 53% 63%);
border-color: oklch(0.668 0.117 24.6);
}Tailwind CSS v4
@theme {
--color-bite-my-tongue: #d37670;
--color-bite-my-tongue-50: #ffe9e3;
--color-bite-my-tongue-100: #ffdad3;
--color-bite-my-tongue-200: #ffc2ba;
--color-bite-my-tongue-300: #eea097;
--color-bite-my-tongue-400: #db827c;
--color-bite-my-tongue-500: #c8645e;
--color-bite-my-tongue-600: #a95550;
--color-bite-my-tongue-700: #884440;
--color-bite-my-tongue-800: #65302f;
--color-bite-my-tongue-900: #472120;
--color-bite-my-tongue-950: #2e1010;
}SCSS
$bite-my-tongue: #d37670;
$bite-my-tongue-rgb: 211, 118, 112;
$bite-my-tongue-light: mix(#fff, $bite-my-tongue, 20%);
$bite-my-tongue-dark: mix(#000, $bite-my-tongue, 20%);
.element {
color: $bite-my-tongue;
box-shadow: 0 0 0 2px rgba($bite-my-tongue, 0.35);
}