Adlandırılmış renk · #007744
Succulents
Succulents, #007744: rgb(0 119 68), hsl(154 100% 23%), oklch(0.5 0.122 155.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Succulents color name →
#007744
oklch(0.5 0.122 155.7)
Renk dönüşümleri
- HEX
- #007744
- RGB
- rgb(0 119 68)
- HSL
- hsl(154 100% 23%)
- HWB
- hwb(154 0% 53%)
- OKLCH
- oklch(0.5 0.122 155.7)
- OKLab
- oklab(0.5 -0.111 0.05)
- CIE Lab
- lab(43.62 -39.52 19.69)
- LCH
- lch(43.62 44.15 153.5)
- CMYK
- cmyk(100% 0% 43% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2F8455
- 4A9267
- 629F79
- 79AC8B
- 8FBA9E
- A5C8B1
- BCD5C4
- D2E3D7
- E8F1EB
Koyu tonlar
- 00673A
- 005730
- 004726
- 00381D
- 002A14
- 001C0C
- 001005
- 000502
- 000100
Gri tonlar
- 21784A
- 317950
- 3E7B56
- 4A7C5C
- 547D62
- 5D7D68
- 677E6E
- 6F7F74
- 787F7A
Renk uyumları
Tamamlayıcı +180°
- 007744
Succulents
- 8D457E
≈ Willowherb
Analog -30° +30°
- 007744
Succulents
- 526F0C
≈ Over the Hills
- 00736A
≈ Pharaoh’s Gem
Üçlü +120° +240°
- 007744
Succulents
- 515BA8
≈ Chinese Bellflower
- 9C452E
≈ Rock Spray
Bölünmüş tamamlayıcı +150° +210°
- 007744
Succulents
- 744E9A
≈ Parfait d’Amour
- 9A4159
≈ Velvet Wine
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.64:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.72:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--succulents: #007744;
--succulents-rgb: 0 119 68;
--succulents-oklch: oklch(0.5 0.122 155.7);
}
.element {
color: var(--succulents);
background-color: hsl(154 100% 23%);
border-color: oklch(0.5 0.122 155.7);
}Tailwind CSS v4
@theme {
--color-succulents: #007744;
--color-succulents-50: #d9ffe8;
--color-succulents-100: #c7f5d8;
--color-succulents-200: #a9e5c0;
--color-succulents-300: #80cb9f;
--color-succulents-400: #5cb47f;
--color-succulents-500: #2c9d62;
--color-succulents-600: #288554;
--color-succulents-700: #206b43;
--color-succulents-800: #184e2e;
--color-succulents-900: #10361f;
--color-succulents-950: #02210f;
}SCSS
$succulents: #007744;
$succulents-rgb: 0, 119, 68;
$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);
}