Màu có tên gần nhất · #C06964
#C06964
Màu có tên gần nhất: Stormy Passion
#C06964 (rgb(192 105 100), hsl(3 42% 57%), oklch(0.619 0.112 24.3)) gần nhất với màu có tên Stormy Passion. 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.
#C06964
oklch(0.619 0.112 24.3)
Chuyển đổi màu
- HEX
- #c06964
- RGB
- rgb(192 105 100)
- HSL
- hsl(3 42% 57%)
- HWB
- hwb(3 39% 25%)
- OKLCH
- oklch(0.619 0.112 24.3)
- OKLab
- oklab(0.619 0.102 0.046)
- CIE Lab
- lab(54.69 35.05 19.07)
- LCH
- lch(54.69 39.9 28.5)
- CMYK
- cmyk(0% 45% 48% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C87873
- CF8781
- D69690
- DCA4A0
- E3B3AF
- E9C2BF
- EFD1CF
- F5E0DE
- FAF0EF
Sắc đậm
- A75A56
- 8E4C48
- 763E3B
- 5F312E
- 492422
- 341816
- 200C0B
- 0E0403
- 020000
Sắc xám
- BA6C67
- B46F6A
- AE716D
- A87470
- A27673
- 9C7875
- 957A78
- 8E7C7B
- 877E7D
Hòa sắc
Bổ túc +180°
- C06964
Stormy Passion
- 0098A3
≈ Island Dream
Tương đồng -30° +30°
- C06964
Stormy Passion
- BA688A
≈ Malevolent Mauve
- B9723F
≈ Spice Cake
Bộ ba +120° +240°
- C06964
Stormy Passion
- 599759
≈ Wicked Witch
- 6384C9
≈ Livid
Bổ túc chia +150° +210°
- C06964
Stormy Passion
- 1A9B81
≈ Paolo Veronese Green
- 3090BF
≈ Christmas Blue
Bộ bốn +90° +180° +270°
- C06964
Stormy Passion
- 858D35
≈ Wasabi Nuts
- 0098A3
≈ Island Dream
- 8A78C2
≈ Ube
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.85:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.44:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--stormy-passion: #c06964;
--stormy-passion-rgb: 192 105 100;
--stormy-passion-oklch: oklch(0.619 0.112 24.3);
}
.element {
color: var(--stormy-passion);
background-color: hsl(3 42% 57%);
border-color: oklch(0.619 0.112 24.3);
}Tailwind CSS v4
@theme {
--color-stormy-passion: #c06964;
--color-stormy-passion-50: #ffeae4;
--color-stormy-passion-100: #ffdad4;
--color-stormy-passion-200: #ffc3bb;
--color-stormy-passion-300: #eba199;
--color-stormy-passion-400: #d9837e;
--color-stormy-passion-500: #c56661;
--color-stormy-passion-600: #a75652;
--color-stormy-passion-700: #864541;
--color-stormy-passion-800: #643130;
--color-stormy-passion-900: #462221;
--color-stormy-passion-950: #2d1010;
}SCSS
$stormy-passion: #c06964;
$stormy-passion-rgb: 192, 105, 100;
$stormy-passion-light: mix(#fff, $stormy-passion, 20%);
$stormy-passion-dark: mix(#000, $stormy-passion, 20%);
.element {
color: $stormy-passion;
box-shadow: 0 0 0 2px rgba($stormy-passion, 0.35);
}