Cor nomeada · #007755
Victoria Peak
Victoria Peak é #007755: rgb(0 119 85), hsl(163 100% 23%), oklch(0.504 0.106 165). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Victoria Peak color name →
#007755
oklch(0.504 0.106 165)
Conversões de cor
- HEX
- #007755
- RGB
- rgb(0 119 85)
- HSL
- hsl(163 100% 23%)
- HWB
- hwb(163 0% 53%)
- OKLCH
- oklch(0.504 0.106 165)
- OKLab
- oklab(0.504 -0.102 0.028)
- CIE Lab
- lab(43.91 -36.54 10.36)
- LCH
- lch(43.91 37.98 164.2)
- CMYK
- cmyk(100% 0% 29% 53%)
Tons claros · Sombras · Tons
Tons claros
- 308465
- 4B9174
- 639F85
- 79AC95
- 90BAA6
- A6C7B7
- BCD5C9
- D2E3DB
- E8F1ED
Sombras
- 006749
- 00573D
- 004731
- 003826
- 002A1C
- 001C11
- 001008
- 000502
- 000100
Tons
- 217859
- 32795E
- 3F7A62
- 4A7B66
- 547C6A
- 5E7D6F
- 677E73
- 6F7F77
- 787F7C
Harmonias de cor
Complementar +180°
- 007755
Victoria Peak
- 8E4972
≈ Goddess of Dawn
Análoga -30° +30°
- 007755
Victoria Peak
- 49722F
≈ Druid Green
- 007374
≈ Natural Instinct Green
Tríade +120° +240°
- 007755
Victoria Peak
- 5F5A9E
≈ Purple Opulence
- 954E2C
≈ Khaki Brown
Complementar dividida +150° +210°
- 007755
Victoria Peak
- 7B508E
≈ Cleopatra’s Gown
- 974851
≈ Kirsch Red
Tétrade +90° +180° +270°
- 007755
Victoria Peak
- 3766A0
≈ Distant Blue
- 8E4972
≈ Goddess of Dawn
- 875A01
≈ Soil of Avagddu
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.57:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.76:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.57:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--victoria-peak: #007755;
--victoria-peak-rgb: 0 119 85;
--victoria-peak-oklch: oklch(0.504 0.106 165);
}
.element {
color: var(--victoria-peak);
background-color: hsl(163 100% 23%);
border-color: oklch(0.504 0.106 165);
}Tailwind CSS v4
@theme {
--color-victoria-peak: #007755;
--color-victoria-peak-50: #d9ffef;
--color-victoria-peak-100: #c7f4e0;
--color-victoria-peak-200: #a9e3cb;
--color-victoria-peak-300: #80c9ac;
--color-victoria-peak-400: #5bb28f;
--color-victoria-peak-500: #2b9c74;
--color-victoria-peak-600: #278463;
--color-victoria-peak-700: #1f6a4f;
--color-victoria-peak-800: #174e38;
--color-victoria-peak-900: #0f3626;
--color-victoria-peak-950: #022114;
}SCSS
$victoria-peak: #007755;
$victoria-peak-rgb: 0, 119, 85;
$victoria-peak-light: mix(#fff, $victoria-peak, 20%);
$victoria-peak-dark: mix(#000, $victoria-peak, 20%);
.element {
color: $victoria-peak;
box-shadow: 0 0 0 2px rgba($victoria-peak, 0.35);
}