En yakın adlandırılmış renk · #722F00
#722F00
En yakın adlandırılmış renk: Cold Press Coffee
#722F00 (rgb(114 47 0), hsl(25 100% 22%), oklch(0.393 0.108 47.6)) en çok Cold Press Coffee adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#722F00
oklch(0.393 0.108 47.6)
Renk dönüşümleri
- HEX
- #722f00
- RGB
- rgb(114 47 0)
- HSL
- hsl(25 100% 22%)
- HWB
- hwb(25 0% 55%)
- OKLCH
- oklch(0.393 0.108 47.6)
- OKLab
- oklab(0.393 0.073 0.08)
- CIE Lab
- lab(28.85 28.59 40.12)
- LCH
- lch(28.85 49.26 54.5)
- CMYK
- cmyk(0% 59% 100% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 814321
- 8F573A
- 9E6B51
- AC7F69
- BA9481
- C8A999
- D6BEB2
- E4D3CB
- F1E9E5
Koyu tonlar
- 622700
- 532000
- 441900
- 361200
- 280C00
- 1B0600
- 0E0300
- 040100
- 010000
Gri tonlar
- 743815
- 774124
- 794930
- 7B513C
- 7C5948
- 7D6153
- 7E695E
- 7F7169
- 807875
Renk uyumları
Tamamlayıcı +180°
- 722F00
Cold Press Coffee
- 004D66
≈ Work Blue
Analog -30° +30°
- 722F00
Cold Press Coffee
- 752830
≈ Tamarillo
- 5E3F00
≈ Hippogriff Brown
Üçlü +120° +240°
- 722F00
Cold Press Coffee
- 00533D
≈ Trapper Green
- 443A7C
≈ Sage Violet
Bölünmüş tamamlayıcı +150° +210°
- 722F00
Cold Press Coffee
- 005152
≈ Wool Turquoise
- 1C457E
≈ Maritime Outpost
Dörtlü +90° +180° +270°
- 722F00
Cold Press Coffee
- 25520F
≈ Patch of Land
- 004D66
≈ Work Blue
- 5D306B
≈ Imperial
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.89:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.12:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.89:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--cold-press-coffee: #722f00;
--cold-press-coffee-rgb: 114 47 0;
--cold-press-coffee-oklch: oklch(0.393 0.108 47.6);
}
.element {
color: var(--cold-press-coffee);
background-color: hsl(25 100% 22%);
border-color: oklch(0.393 0.108 47.6);
}Tailwind CSS v4
@theme {
--color-cold-press-coffee: #722f00;
--color-cold-press-coffee-50: #ffedda;
--color-cold-press-coffee-100: #ffdec9;
--color-cold-press-coffee-200: #fbc8ac;
--color-cold-press-coffee-300: #e5a786;
--color-cold-press-coffee-400: #d38a65;
--color-cold-press-coffee-500: #bf6e43;
--color-cold-press-coffee-600: #a15d39;
--color-cold-press-coffee-700: #824b2d;
--color-cold-press-coffee-800: #613521;
--color-cold-press-coffee-900: #442416;
--color-cold-press-coffee-950: #2c1307;
}SCSS
$cold-press-coffee: #722f00;
$cold-press-coffee-rgb: 114, 47, 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);
}