Màu có tên gần nhất · #793400
#793400
Màu có tên gần nhất: Cold Press Coffee
#793400 (rgb(121 52 0), hsl(26 100% 24%), oklch(0.413 0.111 48.8)) 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.
#793400
oklch(0.413 0.111 48.8)
Chuyển đổi màu
- HEX
- #793400
- RGB
- rgb(121 52 0)
- HSL
- hsl(26 100% 24%)
- HWB
- hwb(26 0% 53%)
- OKLCH
- oklch(0.413 0.111 48.8)
- OKLab
- oklab(0.413 0.073 0.084)
- CIE Lab
- lab(31.15 28.98 42.39)
- LCH
- lch(31.15 51.35 55.6)
- CMYK
- cmyk(0% 57% 100% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 874823
- 955B3C
- A36F53
- B1836B
- BE9782
- CBAB9A
- D8C0B3
- E5D4CC
- F2EAE5
Sắc đậm
- 682C00
- 582400
- 481C00
- 391500
- 2B0E00
- 1D0700
- 100300
- 050100
- 010000
Sắc xám
- 7B3D16
- 7C4525
- 7E4D32
- 7F543D
- 805C49
- 806354
- 816A5F
- 81726A
- 807975
Hòa sắc
Bổ túc +180°
- 793400
Cold Press Coffee
- 00536E
≈ Blue Palisade
Tương đồng -30° +30°
- 793400
Cold Press Coffee
- 7C2C33
≈ Paprika
- 644400
≈ Notorious Neanderthal
Bộ ba +120° +240°
- 793400
Cold Press Coffee
- 005943
≈ Billiard Table
- 4A3E83
≈ Nauseous Blue
Bổ túc chia +150° +210°
- 793400
Cold Press Coffee
- 005659
≈ Deep Teal
- 224A86
≈ Florida Waters
Bộ bốn +90° +180° +270°
- 793400
Cold Press Coffee
- 275916
≈ Patch of Land
- 00536E
≈ Blue Palisade
- 643471
≈ Purple Magic
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.11:1 · APCA Lc 90
Ag
FailTrên nền đen
WCAG 2.30:1 · APCA Lc 12
Màu chữ tốt nhất: #FFFFFF
WCAG 9.11:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--cold-press-coffee: #793400;
--cold-press-coffee-rgb: 121 52 0;
--cold-press-coffee-oklch: oklch(0.413 0.111 48.8);
}
.element {
color: var(--cold-press-coffee);
background-color: hsl(26 100% 24%);
border-color: oklch(0.413 0.111 48.8);
}Tailwind CSS v4
@theme {
--color-cold-press-coffee: #793400;
--color-cold-press-coffee-50: #ffedd9;
--color-cold-press-coffee-100: #ffdec7;
--color-cold-press-coffee-200: #fcc7aa;
--color-cold-press-coffee-300: #e6a783;
--color-cold-press-coffee-400: #d48a62;
--color-cold-press-coffee-500: #c06d3e;
--color-cold-press-coffee-600: #a25d36;
--color-cold-press-coffee-700: #824a2b;
--color-cold-press-coffee-800: #61351f;
--color-cold-press-coffee-900: #442414;
--color-cold-press-coffee-950: #2c1306;
}SCSS
$cold-press-coffee: #793400;
$cold-press-coffee-rgb: 121, 52, 0;
$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);
}