En yakın adlandırılmış renk · #175F27
#175F27
En yakın adlandırılmış renk: Woodland Wonder
#175F27 (rgb(23 95 39), hsl(133 61% 23%), oklch(0.428 0.112 147.1)) en çok Woodland Wonder 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.
#175F27
oklch(0.428 0.112 147.1)
Renk dönüşümleri
- HEX
- #175f27
- RGB
- rgb(23 95 39)
- HSL
- hsl(133 61% 23%)
- HWB
- hwb(133 9% 63%)
- OKLCH
- oklch(0.428 0.112 147.1)
- OKLab
- oklab(0.428 -0.094 0.061)
- CIE Lab
- lab(35.04 -32.66 25.06)
- LCH
- lch(35.04 41.16 142.5)
- CMYK
- cmyk(76% 0% 59% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 326E3C
- 4A7E50
- 608D65
- 769D79
- 8CAD8F
- A3BDA4
- B9CDBA
- D0DED1
- E7EEE8
Koyu tonlar
- 125220
- 0E441A
- 0A3814
- 062C0E
- 042008
- 021504
- 010A02
- 000301
- 000000
Gri tonlar
- 266331
- 33663A
- 3E6A43
- 486D4C
- 527054
- 5B745D
- 657766
- 6E7A6F
- 777D77
Renk uyumları
Tamamlayıcı +180°
- 175F27
Woodland Wonder
- 6E366F
≈ Eminence
Analog -30° +30°
- 175F27
Woodland Wonder
- 4C5600
≈ Highlands Moss
- 005D4E
≈ Alpine Green
Üçlü +120° +240°
- 175F27
Woodland Wonder
- 344B8C
≈ Blue Highlight
- 82322C
≈ Dockside Red
Bölünmüş tamamlayıcı +150° +210°
- 175F27
Woodland Wonder
- 573F84
≈ Harvest Night
- 7D3050
≈ Flirt
Dörtlü +90° +180° +270°
- 175F27
Woodland Wonder
- 00567C
≈ Real Mccoy
- 6E366F
≈ Eminence
- 783E00
≈ Hazelnut Chocolate
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.77:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.70:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--woodland-wonder: #175f27;
--woodland-wonder-rgb: 23 95 39;
--woodland-wonder-oklch: oklch(0.428 0.112 147.1);
}
.element {
color: var(--woodland-wonder);
background-color: hsl(133 61% 23%);
border-color: oklch(0.428 0.112 147.1);
}Tailwind CSS v4
@theme {
--color-woodland-wonder: #175f27;
--color-woodland-wonder-50: #e0ffe4;
--color-woodland-wonder-100: #cff3d4;
--color-woodland-wonder-200: #b3e2ba;
--color-woodland-wonder-300: #8fc898;
--color-woodland-wonder-400: #70b177;
--color-woodland-wonder-500: #4d9a58;
--color-woodland-wonder-600: #42824b;
--color-woodland-wonder-700: #35683c;
--color-woodland-wonder-800: #274c29;
--color-woodland-wonder-900: #1a351b;
--color-woodland-wonder-950: #0a200c;
}SCSS
$woodland-wonder: #175f27;
$woodland-wonder-rgb: 23, 95, 39;
$woodland-wonder-light: mix(#fff, $woodland-wonder, 20%);
$woodland-wonder-dark: mix(#000, $woodland-wonder, 20%);
.element {
color: $woodland-wonder;
box-shadow: 0 0 0 2px rgba($woodland-wonder, 0.35);
}