Nazwany kolor · #01796F
Pond Moss
Pond Moss to #01796F: rgb(1 121 111), hsl(175 98% 24%), oklch(0.518 0.091 184.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Pond Moss color name →
#01796F
oklch(0.518 0.091 184.8)
Konwersje koloru
- HEX
- #01796f
- RGB
- rgb(1 121 111)
- HSL
- hsl(175 98% 24%)
- HWB
- hwb(175 0% 53%)
- OKLCH
- oklch(0.518 0.091 184.8)
- OKLab
- oklab(0.518 -0.091 -0.008)
- CIE Lab
- lab(45.19 -31.6 -3.1)
- LCH
- lch(45.19 31.75 185.6)
- CMYK
- cmyk(99% 0% 8% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 31867C
- 4C938A
- 64A098
- 7BADA6
- 91BBB4
- A7C8C3
- BDD6D2
- D3E3E1
- E9F1F0
Odcienie ciemniejsze
- 016860
- 015851
- 004842
- 003934
- 002B27
- 001D1A
- 00100E
- 000504
- 000101
Tony
- 227A71
- 337B72
- 407C74
- 4B7C76
- 557D77
- 5F7E79
- 677E7B
- 707F7D
- 78807E
Harmonie kolorów
Komplementarna +180°
- 01796F
Pond Moss
- 945161
≈ Vin Rouge
Analogowa -30° +30°
- 01796F
Pond Moss
- 377851
≈ Amazon
- 017589
≈ Glamour Green
Triada +120° +240°
- 01796F
Pond Moss
- 745A93
≈ Emperor Jewel
- 8C5C2A
≈ Treacle
Komplementarna rozszczepiona +150° +210°
- 01796F
Pond Moss
- 88537D
≈ Dynamic Magenta
- 955444
≈ Prairie Clay
Tetrada +90° +180° +270°
- 01796F
Pond Moss
- 59649D
≈ Iris Bloom
- 945161
≈ Vin Rouge
- 796720
≈ Brazen Brass
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.29:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.96:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--pond-moss: #01796f;
--pond-moss-rgb: 1 121 111;
--pond-moss-oklch: oklch(0.518 0.091 184.8);
}
.element {
color: var(--pond-moss);
background-color: hsl(175 98% 24%);
border-color: oklch(0.518 0.091 184.8);
}Tailwind CSS v4
@theme {
--color-pond-moss: #01796f;
--color-pond-moss-50: #d9fef9;
--color-pond-moss-100: #c7f2ed;
--color-pond-moss-200: #a8e1da;
--color-pond-moss-300: #7fc7bf;
--color-pond-moss-400: #58b0a5;
--color-pond-moss-500: #259a8e;
--color-pond-moss-600: #238278;
--color-pond-moss-700: #1c6860;
--color-pond-moss-800: #134d45;
--color-pond-moss-900: #0c3530;
--color-pond-moss-950: #00201c;
}SCSS
$pond-moss: #01796f;
$pond-moss-rgb: 1, 121, 111;
$pond-moss-light: mix(#fff, $pond-moss, 20%);
$pond-moss-dark: mix(#000, $pond-moss, 20%);
.element {
color: $pond-moss;
box-shadow: 0 0 0 2px rgba($pond-moss, 0.35);
}