En yakın adlandırılmış renk · #2D491D
#2D491D
En yakın adlandırılmış renk: Treetop Cathedral
#2D491D (rgb(45 73 29), hsl(98 43% 20%), oklch(0.371 0.077 135.5)) en çok Treetop Cathedral 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.
#2D491D
oklch(0.371 0.077 135.5)
Renk dönüşümleri
- HEX
- #2d491d
- RGB
- rgb(45 73 29)
- HSL
- hsl(98 43% 20%)
- HWB
- hwb(98 11% 71%)
- OKLCH
- oklch(0.371 0.077 135.5)
- OKLab
- oklab(0.371 -0.055 0.054)
- CIE Lab
- lab(27.94 -17.97 22.47)
- LCH
- lch(27.94 28.77 128.6)
- CMYK
- cmyk(38% 0% 60% 71%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 405A32
- 536B47
- 677C5C
- 7B8E72
- 90A088
- A5B29F
- BBC5B6
- D1D8CE
- E8EBE6
Koyu tonlar
- 263E18
- 1F3413
- 182A0E
- 112009
- 0B1705
- 060E03
- 020601
- 010200
- 000000
Gri tonlar
- 354E27
- 3D5431
- 45593B
- 4D5F45
- 56644F
- 5E6A58
- 666F62
- 6F756C
- 777A76
Renk uyumları
Tamamlayıcı +180°
- 2D491D
Treetop Cathedral
- 50325C
≈ Royal Crown
Analog -30° +30°
- 2D491D
Treetop Cathedral
- 464203
≈ Alligator Gladiator
- 014D36
≈ Chrysocolla Dark Green
Üçlü +120° +240°
- 2D491D
Treetop Cathedral
- 224168
≈ Elmer’s Echo
- 622D32
≈ Chocolate Truffle
Bölünmüş tamamlayıcı +150° +210°
- 2D491D
Treetop Cathedral
- 3D3967
≈ Rhynchites Nitens
- 5C2E49
≈ Vistoris Lake
Dörtlü +90° +180° +270°
- 2D491D
Treetop Cathedral
- 00475C
≈ Loyal Blue
- 50325C
≈ Royal Crown
- 61311A
≈ Overbaked
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.08:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.08:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--treetop-cathedral: #2d491d;
--treetop-cathedral-rgb: 45 73 29;
--treetop-cathedral-oklch: oklch(0.371 0.077 135.5);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(98 43% 20%);
border-color: oklch(0.371 0.077 135.5);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2d491d;
--color-treetop-cathedral-50: #ebfbe5;
--color-treetop-cathedral-100: #dceed5;
--color-treetop-cathedral-200: #c5ddbd;
--color-treetop-cathedral-300: #a5c19b;
--color-treetop-cathedral-400: #8ba97b;
--color-treetop-cathedral-500: #6f925e;
--color-treetop-cathedral-600: #5f7b50;
--color-treetop-cathedral-700: #4b6340;
--color-treetop-cathedral-800: #38482c;
--color-treetop-cathedral-900: #26321e;
--color-treetop-cathedral-950: #141e0e;
}SCSS
$treetop-cathedral: #2d491d;
$treetop-cathedral-rgb: 45, 73, 29;
$treetop-cathedral-light: mix(#fff, $treetop-cathedral, 20%);
$treetop-cathedral-dark: mix(#000, $treetop-cathedral, 20%);
.element {
color: $treetop-cathedral;
box-shadow: 0 0 0 2px rgba($treetop-cathedral, 0.35);
}