En yakın adlandırılmış renk · #2B3D36
#2B3D36
En yakın adlandırılmış renk: Deep Forest
#2B3D36 (rgb(43 61 54), hsl(157 17% 20%), oklch(0.342 0.026 168.8)) en çok Deep Forest 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.
#2B3D36
oklch(0.342 0.026 168.8)
Renk dönüşümleri
- HEX
- #2b3d36
- RGB
- rgb(43 61 54)
- HSL
- hsl(157 17% 20%)
- HWB
- hwb(157 17% 76%)
- OKLCH
- oklch(0.342 0.026 168.8)
- OKLab
- oklab(0.342 -0.026 0.005)
- CIE Lab
- lab(24.02 -8.89 1.86)
- LCH
- lch(24.02 9.08 168.2)
- CMYK
- cmyk(30% 0% 11% 76%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3E4E47
- 51605A
- 65726D
- 798580
- 8E9894
- A4ACA9
- BAC0BD
- D0D5D3
- E8EAE9
Koyu tonlar
- 24342E
- 1D2B25
- 16221E
- 101A16
- 0A120F
- 050A08
- 020403
- 010101
- 000000
Gri tonlar
- 33433D
- 3B4A44
- 43504B
- 4C5752
- 545E5A
- 5D6461
- 656B69
- 6E7270
- 777978
Renk uyumları
Tamamlayıcı +180°
- 2B3D36
Deep Forest
- 43333B
≈ Deep Space Frigate
Analog -30° +30°
- 2B3D36
Deep Forest
- 323C2F
≈ Sound of Silence
- 283D3E
≈ Sunken Cascades
Üçlü +120° +240°
- 2B3D36
Deep Forest
- 383646
≈ Martinique
- 44352D
≈ Tobago
Bölünmüş tamamlayıcı +150° +210°
- 2B3D36
Deep Forest
- 3E3441
≈ Royal Coronation
- 453333
≈ Rebel
Dörtlü +90° +180° +270°
- 2B3D36
Deep Forest
- 303946
≈ Biro Blue
- 43333B
≈ Deep Space Frigate
- 403729
≈ Jacko Bean
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.51:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.82:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.51:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-forest: #2b3d36;
--deep-forest-rgb: 43 61 54;
--deep-forest-oklch: oklch(0.342 0.026 168.8);
}
.element {
color: var(--deep-forest);
background-color: hsl(157 17% 20%);
border-color: oklch(0.342 0.026 168.8);
}Tailwind CSS v4
@theme {
--color-deep-forest: #2b3d36;
--color-deep-forest-50: #eef8f4;
--color-deep-forest-100: #e0ebe7;
--color-deep-forest-200: #cad8d3;
--color-deep-forest-300: #abbcb5;
--color-deep-forest-400: #90a49c;
--color-deep-forest-500: #768c83;
--color-deep-forest-600: #64776f;
--color-deep-forest-700: #505f59;
--color-deep-forest-800: #3a4540;
--color-deep-forest-900: #28302c;
--color-deep-forest-950: #161c19;
}SCSS
$deep-forest: #2b3d36;
$deep-forest-rgb: 43, 61, 54;
$deep-forest-light: mix(#fff, $deep-forest, 20%);
$deep-forest-dark: mix(#000, $deep-forest, 20%);
.element {
color: $deep-forest;
box-shadow: 0 0 0 2px rgba($deep-forest, 0.35);
}