Najbliższy nazwany kolor · #00754A
#00754A
Najbliższy nazwany kolor: Succulents
#00754A (rgb(0 117 74), hsl(158 100% 23%), oklch(0.496 0.114 159.3)) jest najbliższy nazwanemu kolorowi Succulents. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00754A
oklch(0.496 0.114 159.3)
Konwersje koloru
- HEX
- #00754a
- RGB
- rgb(0 117 74)
- HSL
- hsl(158 100% 23%)
- HWB
- hwb(158 0% 54%)
- OKLCH
- oklch(0.496 0.114 159.3)
- OKLab
- oklab(0.496 -0.106 0.04)
- CIE Lab
- lab(43.01 -37.85 15.5)
- LCH
- lch(43.01 40.9 157.7)
- CMYK
- cmyk(100% 0% 37% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2F825B
- 4A906C
- 629D7D
- 79AB8F
- 8FB9A1
- A5C7B3
- BBD5C5
- D2E3D8
- E8F1EC
Odcienie ciemniejsze
- 00653F
- 005535
- 00462A
- 003720
- 002917
- 001C0E
- 000F06
- 000502
- 000100
Tony
- 20764F
- 317855
- 3E795A
- 497A60
- 547B65
- 5D7C6A
- 667D70
- 6F7E75
- 787F7B
Harmonie kolorów
Komplementarna +180°
- 00754A
Succulents
- 8B4677
≈ Purple Peril
Analogowa -30° +30°
- 00754A
Succulents
- 4D6E1E
≈ Over the Hills
- 00716C
≈ Pine Scented Lagoon
Triada +120° +240°
- 00754A
Succulents
- 5559A1
≈ Purple Frenzy
- 97482D
≈ Fluorescent Fire
Komplementarna rozszczepiona +150° +210°
- 00754A
Succulents
- 754E92
≈ Parfait d’Amour
- 974354
≈ Raspberry Pudding
Tetrada +90° +180° +270°
- 00754A
Succulents
- 24659F
≈ Distant Blue
- 8B4677
≈ Purple Peril
- 895500
≈ Spear Shaft
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.76:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.64:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--succulents: #00754a;
--succulents-rgb: 0 117 74;
--succulents-oklch: oklch(0.496 0.114 159.3);
}
.element {
color: var(--succulents);
background-color: hsl(158 100% 23%);
border-color: oklch(0.496 0.114 159.3);
}Tailwind CSS v4
@theme {
--color-succulents: #00754a;
--color-succulents-50: #daffeb;
--color-succulents-100: #c7f4dc;
--color-succulents-200: #a9e4c5;
--color-succulents-300: #81caa5;
--color-succulents-400: #5cb386;
--color-succulents-500: #2e9d6a;
--color-succulents-600: #2a845a;
--color-succulents-700: #216a48;
--color-succulents-800: #194e32;
--color-succulents-900: #103622;
--color-succulents-950: #022111;
}SCSS
$succulents: #00754a;
$succulents-rgb: 0, 117, 74;
$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);
}