En yakın adlandırılmış renk · #007545
#007545
En yakın adlandırılmış renk: Succulents
#007545 (rgb(0 117 69), hsl(155 100% 23%), oklch(0.495 0.118 156.7)) en çok Succulents 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.
#007545
oklch(0.495 0.118 156.7)
Renk dönüşümleri
- HEX
- #007545
- RGB
- rgb(0 117 69)
- HSL
- hsl(155 100% 23%)
- HWB
- hwb(155 0% 54%)
- OKLCH
- oklch(0.495 0.118 156.7)
- OKLab
- oklab(0.495 -0.109 0.047)
- CIE Lab
- lab(42.93 -38.69 18.24)
- LCH
- lch(42.93 42.77 154.8)
- CMYK
- cmyk(100% 0% 41% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2F8256
- 4A9068
- 629D7A
- 79AB8C
- 8FB99E
- A5C7B1
- BBD5C4
- D2E3D7
- E8F1EB
Koyu tonlar
- 00653B
- 005531
- 004627
- 00371E
- 002915
- 001C0C
- 000F05
- 000502
- 000100
Gri tonlar
- 20764B
- 317851
- 3E7957
- 497A5D
- 537B63
- 5D7D69
- 667E6E
- 6F7E74
- 787F7A
Renk uyumları
Tamamlayıcı +180°
- 007545
Succulents
- 8B447A
≈ Purpurite Red
Analog -30° +30°
- 007545
Succulents
- 506D12
≈ Over the Hills
- 00716A
≈ Tide Pools
Üçlü +120° +240°
- 007545
Succulents
- 5159A4
≈ Purple Frenzy
- 99452D
≈ Fluorescent Fire
Bölünmüş tamamlayıcı +150° +210°
- 007545
Succulents
- 734D96
≈ Parfait d’Amour
- 984156
≈ Algae Red
Dörtlü +90° +180° +270°
- 007545
Succulents
- 1766A1
≈ LED Blue
- 8B447A
≈ Purpurite Red
- 8A5300
≈ Spear Shaft
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.78:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.63:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.78:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--succulents: #007545;
--succulents-rgb: 0 117 69;
--succulents-oklch: oklch(0.495 0.118 156.7);
}
.element {
color: var(--succulents);
background-color: hsl(155 100% 23%);
border-color: oklch(0.495 0.118 156.7);
}Tailwind CSS v4
@theme {
--color-succulents: #007545;
--color-succulents-50: #daffe9;
--color-succulents-100: #c7f5da;
--color-succulents-200: #a9e4c2;
--color-succulents-300: #81caa1;
--color-succulents-400: #5db382;
--color-succulents-500: #2e9d65;
--color-succulents-600: #2a8556;
--color-succulents-700: #226a45;
--color-succulents-800: #194e2f;
--color-succulents-900: #103620;
--color-succulents-950: #032110;
}SCSS
$succulents: #007545;
$succulents-rgb: 0, 117, 69;
$succulents-light: mix(#fff, $succulents, 20%);
$succulents-dark: mix(#000, $succulents, 20%);
.element {
color: $succulents;
box-shadow: 0 0 0 2px rgba($succulents, 0.35);
}