Màu có tên gần nhất · #CF9F74
#CF9F74
Màu có tên gần nhất: Kombucha
#CF9F74 (rgb(207 159 116), hsl(28 49% 63%), oklch(0.737 0.081 62.9)) gần nhất với màu có tên Kombucha. 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.
#CF9F74
oklch(0.737 0.081 62.9)
Chuyển đổi màu
- HEX
- #cf9f74
- RGB
- rgb(207 159 116)
- HSL
- hsl(28 49% 63%)
- HWB
- hwb(28 45% 19%)
- OKLCH
- oklch(0.737 0.081 62.9)
- OKLab
- oklab(0.737 0.037 0.072)
- CIE Lab
- lab(69.32 14.4 29.67)
- LCH
- lch(69.32 32.98 64.1)
- CMYK
- cmyk(0% 23% 44% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D4A882
- D9B290
- DEBC9D
- E3C5AB
- E8CFB9
- EDD8C7
- F1E2D5
- F6ECE3
- FAF5F1
Sắc đậm
- B48A64
- 997554
- 7F6145
- 674D37
- 4F3B29
- 38291B
- 23180F
- 100905
- 020101
Sắc xám
- C79C76
- BF9977
- B79679
- AF937A
- A7907C
- 9F8D7D
- 988A7E
- 90867F
- 88837F
Hòa sắc
Bổ túc +180°
- CF9F74
Kombucha
- 7CB0D9
≈ Boo Blue
Tương đồng -30° +30°
- CF9F74
Kombucha
- D89789
≈ Paddy
- BCA96E
≈ Coriander Seed
Bộ ba +120° +240°
- CF9F74
Kombucha
- 6BBBAF
≈ Pool Blue
- B49ED5
≈ Violet Velvet
Bổ túc chia +150° +210°
- CF9F74
Kombucha
- 69B8C8
≈ Blouson Blue
- 99A7DE
≈ Dalmatian Sage
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 2.36:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.86:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--kombucha: #cf9f74;
--kombucha-rgb: 207 159 116;
--kombucha-oklch: oklch(0.737 0.081 62.9);
}
.element {
color: var(--kombucha);
background-color: hsl(28 49% 63%);
border-color: oklch(0.737 0.081 62.9);
}Tailwind CSS v4
@theme {
--color-kombucha: #cf9f74;
--color-kombucha-50: #fff1de;
--color-kombucha-100: #fce3cc;
--color-kombucha-200: #edceb1;
--color-kombucha-300: #d5af8c;
--color-kombucha-400: #c1946c;
--color-kombucha-500: #ac7a4b;
--color-kombucha-600: #926740;
--color-kombucha-700: #755333;
--color-kombucha-800: #573c24;
--color-kombucha-900: #3d2918;
--color-kombucha-950: #261709;
}SCSS
$kombucha: #cf9f74;
$kombucha-rgb: 207, 159, 116;
$kombucha-light: mix(#fff, $kombucha, 20%);
$kombucha-dark: mix(#000, $kombucha, 20%);
.element {
color: $kombucha;
box-shadow: 0 0 0 2px rgba($kombucha, 0.35);
}