Najbliższy nazwany kolor · #007060
#007060
Najbliższy nazwany kolor: Tropical Rainforest
#007060 (rgb(0 112 96), hsl(171 100% 22%), oklch(0.488 0.09 178.3)) jest najbliższy nazwanemu kolorowi Tropical Rainforest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#007060
oklch(0.488 0.09 178.3)
Konwersje koloru
- HEX
- #007060
- RGB
- rgb(0 112 96)
- HSL
- hsl(171 100% 22%)
- HWB
- hwb(171 0% 56%)
- OKLCH
- oklch(0.488 0.09 178.3)
- OKLab
- oklab(0.488 -0.09 0.003)
- CIE Lab
- lab(41.73 -31.54 0.8)
- LCH
- lch(41.73 31.55 178.5)
- CMYK
- cmyk(100% 0% 14% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2E7E6F
- 498B7D
- 61998D
- 78A89C
- 8EB6AC
- A5C4BC
- BBD3CC
- D1E1DD
- E8F0EE
Odcienie ciemniejsze
- 006052
- 005145
- 004338
- 00352C
- 002720
- 001A15
- 000E0A
- 000403
- 000100
Tony
- 207263
- 307466
- 3D7569
- 49776D
- 537970
- 5D7A73
- 667C76
- 6F7D79
- 787F7D
Harmonie kolorów
Komplementarna +180°
- 007060
Tropical Rainforest
- 88495F
≈ Red Shrivel
Analogowa -30° +30°
- 007060
Tropical Rainforest
- 386E42
≈ Arcala Green
- 006D79
≈ Carnival Night
Triada +120° +240°
- 007060
Tropical Rainforest
- 66548C
≈ Butterfly Bush
- 855227
≈ Plane Brown
Komplementarna rozszczepiona +150° +210°
- 007060
Tropical Rainforest
- 7B4C79
≈ Phlox Flower Violet
- 8C4B42
≈ Rojo Oxide
Tetrada +90° +180° +270°
- 007060
Tropical Rainforest
- 4A5D93
≈ Blue Dude
- 88495F
≈ Red Shrivel
- 755C17
≈ Hot Mustard
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.02:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.48:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--tropical-rainforest: #007060;
--tropical-rainforest-rgb: 0 112 96;
--tropical-rainforest-oklch: oklch(0.488 0.09 178.3);
}
.element {
color: var(--tropical-rainforest);
background-color: hsl(171 100% 22%);
border-color: oklch(0.488 0.09 178.3);
}Tailwind CSS v4
@theme {
--color-tropical-rainforest: #007060;
--color-tropical-rainforest-50: #dbfef6;
--color-tropical-rainforest-100: #c9f2e9;
--color-tropical-rainforest-200: #abe1d6;
--color-tropical-rainforest-300: #83c7b9;
--color-tropical-rainforest-400: #5eb09f;
--color-tropical-rainforest-500: #319986;
--color-tropical-rainforest-600: #2c8272;
--color-tropical-rainforest-700: #23685b;
--color-tropical-rainforest-800: #184c41;
--color-tropical-rainforest-900: #10352d;
--color-tropical-rainforest-950: #02201a;
}SCSS
$tropical-rainforest: #007060;
$tropical-rainforest-rgb: 0, 112, 96;
$tropical-rainforest-light: mix(#fff, $tropical-rainforest, 20%);
$tropical-rainforest-dark: mix(#000, $tropical-rainforest, 20%);
.element {
color: $tropical-rainforest;
box-shadow: 0 0 0 2px rgba($tropical-rainforest, 0.35);
}