Màu có tên gần nhất · #682E09
#682E09
Màu có tên gần nhất: Cold Press Coffee
#682E09 (rgb(104 46 9), hsl(23 84% 22%), oklch(0.375 0.095 47.7)) gần nhất với màu có tên Cold Press Coffee. 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.
#682E09
oklch(0.375 0.095 47.7)
Chuyển đổi màu
- HEX
- #682e09
- RGB
- rgb(104 46 9)
- HSL
- hsl(23 84% 22%)
- HWB
- hwb(23 4% 59%)
- OKLCH
- oklch(0.375 0.095 47.7)
- OKLab
- oklab(0.375 0.064 0.07)
- CIE Lab
- lab(26.89 24.96 34.04)
- LCH
- lch(26.89 42.21 53.7)
- CMYK
- cmyk(0% 56% 91% 59%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 774225
- 87553C
- 966953
- A57E6A
- B49282
- C3A79A
- D2BDB2
- E1D2CB
- F0E9E5
Sắc đậm
- 592707
- 4B1F05
- 3E1803
- 301202
- 240B01
- 180601
- 0C0200
- 040100
- 000000
Sắc xám
- 6B3719
- 6E3F26
- 714832
- 74503D
- 775848
- 796053
- 7B685E
- 7D706A
- 7F7875
Hòa sắc
Bổ túc +180°
- 682E09
Cold Press Coffee
- 00485F
≈ Stegadon Scale Green
Tương đồng -30° +30°
- 682E09
Cold Press Coffee
- 6A282E
≈ Monarch
- 583B00
≈ Pineapple
Bộ ba +120° +240°
- 682E09
Cold Press Coffee
- 004E39
≈ Chrysocolla Dark Green
- 3F3770
≈ American Blue
Bổ túc chia +150° +210°
- 682E09
Cold Press Coffee
- 004B4D
≈ Dark Teal
- 1E4072
≈ Aegean Blue
Bộ bốn +90° +180° +270°
- 682E09
Cold Press Coffee
- 254C15
≈ Treetop Cathedral
- 00485F
≈ Stegadon Scale Green
- 552F61
≈ Royal Crown
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.58:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 1.98:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--cold-press-coffee: #682e09;
--cold-press-coffee-rgb: 104 46 9;
--cold-press-coffee-oklch: oklch(0.375 0.095 47.7);
}
.element {
color: var(--cold-press-coffee);
background-color: hsl(23 84% 22%);
border-color: oklch(0.375 0.095 47.7);
}Tailwind CSS v4
@theme {
--color-cold-press-coffee: #682e09;
--color-cold-press-coffee-50: #ffeede;
--color-cold-press-coffee-100: #ffdfcc;
--color-cold-press-coffee-200: #f7c9b1;
--color-cold-press-coffee-300: #e0aa8c;
--color-cold-press-coffee-400: #cd8d6d;
--color-cold-press-coffee-500: #b9724c;
--color-cold-press-coffee-600: #9c6041;
--color-cold-press-coffee-700: #7e4d34;
--color-cold-press-coffee-800: #5d3725;
--color-cold-press-coffee-900: #412619;
--color-cold-press-coffee-950: #2a140a;
}SCSS
$cold-press-coffee: #682e09;
$cold-press-coffee-rgb: 104, 46, 9;
$cold-press-coffee-light: mix(#fff, $cold-press-coffee, 20%);
$cold-press-coffee-dark: mix(#000, $cold-press-coffee, 20%);
.element {
color: $cold-press-coffee;
box-shadow: 0 0 0 2px rgba($cold-press-coffee, 0.35);
}