Nazwany kolor · #70BAA7
Larchmere
Larchmere to #70BAA7: rgb(112 186 167), hsl(165 35% 58%), oklch(0.735 0.08 175.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Larchmere color name →
#70BAA7
oklch(0.735 0.08 175.7)
Konwersje koloru
- HEX
- #70baa7
- RGB
- rgb(112 186 167)
- HSL
- hsl(165 35% 58%)
- HWB
- hwb(165 44% 27%)
- OKLCH
- oklch(0.735 0.08 175.7)
- OKLab
- oklab(0.735 -0.079 0.006)
- CIE Lab
- lab(70.28 -27.52 2.02)
- LCH
- lch(70.28 27.59 175.8)
- CMYK
- cmyk(40% 0% 10% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7FC1AF
- 8EC8B8
- 9DCFC1
- ABD6C9
- B9DCD2
- C7E3DB
- D5EAE4
- E3F1ED
- F1F8F6
Odcienie ciemniejsze
- 60A191
- 51897B
- 437266
- 355C52
- 27463E
- 1A322C
- 0E1E1A
- 040D0A
- 010201
Tony
- 73B4A3
- 75AE9F
- 78A89B
- 7AA397
- 7B9D93
- 7D978F
- 7E918C
- 7F8C88
- 7F8684
Harmonie kolorów
Komplementarna +180°
- 70BAA7
Larchmere
- D295AB
≈ Honey Pink
Analogowa -30° +30°
- 70BAA7
Larchmere
- 89B78B
≈ Aniseed Leaf Green
- 68B8C2
≈ Maritime Soft Blue
Triada +120° +240°
- 70BAA7
Larchmere
- AD9FD6
≈ Simply Violet
- D19C78
≈ Rustic Adobe
Komplementarna rozszczepiona +150° +210°
- 70BAA7
Larchmere
- C498C5
≈ Pastel Violet
- D7968F
≈ Petite Orchid
Tetrada +90° +180° +270°
- 70BAA7
Larchmere
- 91A9DC
≈ Black Drop
- D295AB
≈ Honey Pink
- C0A66E
≈ Hay Yellow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.26:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.27:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--larchmere: #70baa7;
--larchmere-rgb: 112 186 167;
--larchmere-oklch: oklch(0.735 0.08 175.7);
}
.element {
color: var(--larchmere);
background-color: hsl(165 35% 58%);
border-color: oklch(0.735 0.08 175.7);
}Tailwind CSS v4
@theme {
--color-larchmere: #70baa7;
--color-larchmere-50: #defdf5;
--color-larchmere-100: #cdf1e8;
--color-larchmere-200: #b1e0d4;
--color-larchmere-300: #8bc5b7;
--color-larchmere-400: #69ae9c;
--color-larchmere-500: #439784;
--color-larchmere-600: #3a8070;
--color-larchmere-700: #2e6759;
--color-larchmere-800: #214b40;
--color-larchmere-900: #16342c;
--color-larchmere-950: #062019;
}SCSS
$larchmere: #70baa7;
$larchmere-rgb: 112, 186, 167;
$larchmere-light: mix(#fff, $larchmere, 20%);
$larchmere-dark: mix(#000, $larchmere, 20%);
.element {
color: $larchmere;
box-shadow: 0 0 0 2px rgba($larchmere, 0.35);
}