Màu có tên gần nhất · #D47E68
#D47E68
Màu có tên gần nhất: Bite My Tongue
#D47E68 (rgb(212 126 104), hsl(12 56% 62%), oklch(0.681 0.112 35.2)) 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.
#D47E68
oklch(0.681 0.112 35.2)
Chuyển đổi màu
- HEX
- #d47e68
- RGB
- rgb(212 126 104)
- HSL
- hsl(12 56% 62%)
- HWB
- hwb(12 41% 17%)
- OKLCH
- oklch(0.681 0.112 35.2)
- OKLab
- oklab(0.681 0.092 0.065)
- CIE Lab
- lab(62.04 32.53 27)
- LCH
- lch(62.04 42.28 39.7)
- CMYK
- cmyk(0% 41% 51% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D98B77
- DF9885
- E4A594
- E8B2A3
- EDBEB2
- F1CBC1
- F5D8D1
- F8E5E0
- FCF2EF
Sắc đậm
- B86D59
- 9D5C4B
- 834C3E
- 693C30
- 512D24
- 3A1F18
- 24110C
- 100504
- 020100
Sắc xám
- CC7F6B
- C47F6E
- BC8070
- B48073
- AB8075
- A38178
- 9B817A
- 92817C
- 89807E
Hòa sắc
Bổ túc +180°
- D47E68
Bite My Tongue
- 26A9C4
≈ Pacific Blue
Tương đồng -30° +30°
- D47E68
Bite My Tongue
- D27A8F
≈ Minuette
- C88947
≈ Butter Bronze
Bộ ba +120° +240°
- D47E68
Bite My Tongue
- 59AD7A
≈ Green Tea Candy
- 8592DD
≈ Portage
Bổ túc chia +150° +210°
- D47E68
Bite My Tongue
- 25AFA2
≈ Cozumel
- 589FD9
≈ Waimea Blue
Bộ bốn +90° +180° +270°
- D47E68
Bite My Tongue
- 88A554
≈ Mosquito Fern
- 26A9C4
≈ Pacific Blue
- A986D0
≈ Middy’s Purple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.00:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.98:1 · APCA Lc 45
Màu chữ tốt nhất: #000000
WCAG 6.98:1 (AA) · APCA Lc 45
Contrast pairs
Đoạn mã
CSS
:root {
--bite-my-tongue: #d47e68;
--bite-my-tongue-rgb: 212 126 104;
--bite-my-tongue-oklch: oklch(0.681 0.112 35.2);
}
.element {
color: var(--bite-my-tongue);
background-color: hsl(12 56% 62%);
border-color: oklch(0.681 0.112 35.2);
}Tailwind CSS v4
@theme {
--color-bite-my-tongue: #d47e68;
--color-bite-my-tongue-50: #ffebdf;
--color-bite-my-tongue-100: #ffdcce;
--color-bite-my-tongue-200: #ffc4b3;
--color-bite-my-tongue-300: #eaa38e;
--color-bite-my-tongue-400: #d88670;
--color-bite-my-tongue-500: #c56851;
--color-bite-my-tongue-600: #a65945;
--color-bite-my-tongue-700: #854737;
--color-bite-my-tongue-800: #633328;
--color-bite-my-tongue-900: #46221b;
--color-bite-my-tongue-950: #2d110b;
}SCSS
$bite-my-tongue: #d47e68;
$bite-my-tongue-rgb: 212, 126, 104;
$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);
}