En yakın adlandırılmış renk · #2D5407
#2D5407
En yakın adlandırılmış renk: Deep Forestial Escapade
#2D5407 (rgb(45 84 7), hsl(90 85% 18%), oklch(0.401 0.11 134)) en çok Deep Forestial Escapade 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.
#2D5407
oklch(0.401 0.11 134)
Renk dönüşümleri
- HEX
- #2d5407
- RGB
- rgb(45 84 7)
- HSL
- hsl(90 85% 18%)
- HWB
- hwb(90 3% 67%)
- OKLCH
- oklch(0.401 0.11 134)
- OKLab
- oklab(0.401 -0.077 0.079)
- CIE Lab
- lab(31.7 -24.4 35.56)
- LCH
- lch(31.7 43.13 124.5)
- CMYK
- cmyk(46% 0% 92% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 406426
- 54743E
- 688555
- 7C966D
- 91A784
- A6B89C
- BCC9B4
- D2DBCC
- E8EDE6
Koyu tonlar
- 264805
- 1F3C04
- 183102
- 112602
- 0B1B01
- 061100
- 020800
- 010200
- 000000
Gri tonlar
- 35591A
- 3E5D28
- 466234
- 4E663F
- 566B4A
- 5F6F55
- 677360
- 6F786B
- 787C75
Renk uyumları
Tamamlayıcı +180°
- 2D5407
Deep Forestial Escapade
- 5D3371
≈ Lounge Violet
Analog -30° +30°
- 2D5407
Deep Forestial Escapade
- 504A00
≈ Scorzonera Brown
- 00563B
≈ Sacramento State Green
Üçlü +120° +240°
- 2D5407
Deep Forestial Escapade
- 144881
≈ Poster Blue
- 782936
≈ Amaranth Blossom
Bölünmüş tamamlayıcı +150° +210°
- 2D5407
Deep Forestial Escapade
- 423D80
≈ Sage Violet
- 6F2B56
≈ Ebizome Purple
Dörtlü +90° +180° +270°
- 2D5407
Deep Forestial Escapade
- 005066
≈ Hanada Blue
- 5D3371
≈ Lounge Violet
- 762F08
≈ Beer Glazed Bacon
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 8.81:1 · APCA Lc 90
Siyah üzerinde
WCAG 2.38:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.81:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-forestial-escapade: #2d5407;
--deep-forestial-escapade-rgb: 45 84 7;
--deep-forestial-escapade-oklch: oklch(0.401 0.11 134);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(90 85% 18%);
border-color: oklch(0.401 0.11 134);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #2d5407;
--color-deep-forestial-escapade-50: #e7fdde;
--color-deep-forestial-escapade-100: #d8f1cd;
--color-deep-forestial-escapade-200: #bfe0b1;
--color-deep-forestial-escapade-300: #9ec58c;
--color-deep-forestial-escapade-400: #83ad69;
--color-deep-forestial-escapade-500: #679646;
--color-deep-forestial-escapade-600: #577f3d;
--color-deep-forestial-escapade-700: #466530;
--color-deep-forestial-escapade-800: #344a20;
--color-deep-forestial-escapade-900: #233315;
--color-deep-forestial-escapade-950: #121f06;
}SCSS
$deep-forestial-escapade: #2d5407;
$deep-forestial-escapade-rgb: 45, 84, 7;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}