Màu có tên gần nhất · #DD6279
#DD6279
Màu có tên gần nhất: Feverish
#DD6279 (rgb(221 98 121), hsl(349 64% 63%), oklch(0.654 0.155 10.8)) gần nhất với màu có tên Feverish. 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.
#DD6279
oklch(0.654 0.155 10.8)
Chuyển đổi màu
- HEX
- #dd6279
- RGB
- rgb(221 98 121)
- HSL
- hsl(349 64% 63%)
- HWB
- hwb(349 38% 13%)
- OKLCH
- oklch(0.654 0.155 10.8)
- OKLab
- oklab(0.654 0.152 0.029)
- CIE Lab
- lab(58.04 50.53 12.26)
- LCH
- lch(58.04 52 13.6)
- CMYK
- cmyk(0% 56% 45% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E27386
- E78392
- EC939F
- F0A3AD
- F4B2BA
- F7C1C7
- FAD1D5
- FCE0E3
- FEF0F1
Sắc đậm
- C05468
- A44758
- 883A48
- 6E2D39
- 55212B
- 3D161D
- 260B10
- 110305
- 020001
Sắc xám
- D5677A
- CC6B7B
- C36E7B
- BA727C
- B1757D
- A8777D
- 9F7A7E
- 957C7F
- 8B7E7F
Hòa sắc
Bổ túc +180°
- DD6279
Feverish
- 00A6A0
≈ Jadestone
Tương đồng -30° +30°
- DD6279
Feverish
- CD66AC
≈ Super Pink
- DC6A3E
≈ Bonfire Night
Bộ ba +120° +240°
- DD6279
Feverish
- 6EA22F
≈ Green Gone Wild
- 3A94EA
≈ Karimun Blue
Bổ túc chia +150° +210°
- DD6279
Feverish
- 00AB72
≈ Sesame Street Green
- 00A0C3
≈ Scuba Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.44:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.09:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--feverish: #dd6279;
--feverish-rgb: 221 98 121;
--feverish-oklch: oklch(0.654 0.155 10.8);
}
.element {
color: var(--feverish);
background-color: hsl(349 64% 63%);
border-color: oklch(0.654 0.155 10.8);
}Tailwind CSS v4
@theme {
--color-feverish: #dd6279;
--color-feverish-50: #ffe4e9;
--color-feverish-100: #ffd3d9;
--color-feverish-200: #ffb9c2;
--color-feverish-300: #fc95a1;
--color-feverish-400: #ea7488;
--color-feverish-500: #d8506d;
--color-feverish-600: #b6455c;
--color-feverish-700: #92374a;
--color-feverish-800: #6d2737;
--color-feverish-900: #4d1a26;
--color-feverish-950: #320a14;
}SCSS
$feverish: #dd6279;
$feverish-rgb: 221, 98, 121;
$feverish-light: mix(#fff, $feverish, 20%);
$feverish-dark: mix(#000, $feverish, 20%);
.element {
color: $feverish;
box-shadow: 0 0 0 2px rgba($feverish, 0.35);
}