Couleur nommée la plus proche · #2D491D
#2D491D
Couleur nommée la plus proche: Treetop Cathedral
#2D491D (rgb(45 73 29), hsl(98 43% 20%), oklch(0.371 0.077 135.5)) est la plus proche de la couleur nommée Treetop Cathedral. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2D491D
oklch(0.371 0.077 135.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 405A32
- 536B47
- 677C5C
- 7B8E72
- 90A088
- A5B29F
- BBC5B6
- D1D8CE
- E8EBE6
Ombres
- 263E18
- 1F3413
- 182A0E
- 112009
- 0B1705
- 060E03
- 020601
- 010200
- 000000
Tons
- 354E27
- 3D5431
- 45593B
- 4D5F45
- 56644F
- 5E6A58
- 666F62
- 6F756C
- 777A76
Harmonies de couleurs
Complémentaire +180°
- 2D491D
Treetop Cathedral
- 50325C
≈ Royal Crown
Analogue -30° +30°
- 2D491D
Treetop Cathedral
- 464203
≈ Alligator Gladiator
- 014D36
≈ Chrysocolla Dark Green
Triadique +120° +240°
- 2D491D
Treetop Cathedral
- 224168
≈ Elmer’s Echo
- 622D32
≈ Chocolate Truffle
Complémentaire divisée +150° +210°
- 2D491D
Treetop Cathedral
- 3D3967
≈ Rhynchites Nitens
- 5C2E49
≈ Vistoris Lake
Tétradique +90° +180° +270°
- 2D491D
Treetop Cathedral
- 00475C
≈ Loyal Blue
- 50325C
≈ Royal Crown
- 61311A
≈ Overbaked
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.08:1 · APCA Lc 93
Ag
FailSur noir
WCAG 2.08:1 · APCA Lc 9
Meilleure couleur de texte: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
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);
}