Nazwany kolor · #1D5952
Forest Biome
Forest Biome to #1D5952: rgb(29 89 82), hsl(173 51% 23%), oklch(0.423 0.062 184.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Forest Biome color name →
#1D5952
oklch(0.423 0.062 184.4)
Konwersje koloru
- HEX
- #1d5952
- RGB
- rgb(29 89 82)
- HSL
- hsl(173 51% 23%)
- HWB
- hwb(173 11% 65%)
- OKLCH
- oklch(0.423 0.062 184.4)
- OKLab
- oklab(0.423 -0.062 -0.005)
- CIE Lab
- lab(33.87 -21.44 -1.95)
- LCH
- lch(33.87 21.53 185.2)
- CMYK
- cmyk(67% 0% 8% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 366862
- 4C7872
- 628882
- 779893
- 8DA9A4
- A3B9B6
- BACBC8
- D1DCDA
- E8EDEC
Odcienie ciemniejsze
- 184C46
- 13403B
- 0E342F
- 092825
- 051D1A
- 031311
- 010908
- 000302
- 000000
Tony
- 2A5D56
- 35615B
- 40655F
- 496964
- 536D69
- 5C716D
- 657472
- 6E7877
- 777C7B
Harmonie kolorów
Komplementarna +180°
- 1D5952
Forest Biome
- 6B3F4A
≈ Vineyard Wine
Analogowa -30° +30°
- 1D5952
Forest Biome
- 31583F
≈ Green Stain
- 1C5763
≈ Baltic Trench
Triada +120° +240°
- 1D5952
Forest Biome
- 56456A
≈ Haunted Candelabra
- 664728
≈ Hickory Chips
Komplementarna rozszczepiona +150° +210°
- 1D5952
Forest Biome
- 63415C
≈ Grape Fizz
- 6C4137
≈ Rich Chocolate
Tetrada +90° +180° +270°
- 1D5952
Forest Biome
- 444B70
≈ Royal Hyacinth
- 6B3F4A
≈ Vineyard Wine
- 594D23
≈ Bronze Olive
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.06:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.60:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--forest-biome: #1d5952;
--forest-biome-rgb: 29 89 82;
--forest-biome-oklch: oklch(0.423 0.062 184.4);
}
.element {
color: var(--forest-biome);
background-color: hsl(173 51% 23%);
border-color: oklch(0.423 0.062 184.4);
}Tailwind CSS v4
@theme {
--color-forest-biome: #1d5952;
--color-forest-biome-50: #e2fbf8;
--color-forest-biome-100: #d2efeb;
--color-forest-biome-200: #b7ddd8;
--color-forest-biome-300: #94c2bc;
--color-forest-biome-400: #74aba3;
--color-forest-biome-500: #53948b;
--color-forest-biome-600: #477d76;
--color-forest-biome-700: #39645e;
--color-forest-biome-800: #284a44;
--color-forest-biome-900: #1b332f;
--color-forest-biome-950: #0b1f1c;
}SCSS
$forest-biome: #1d5952;
$forest-biome-rgb: 29, 89, 82;
$forest-biome-light: mix(#fff, $forest-biome, 20%);
$forest-biome-dark: mix(#000, $forest-biome, 20%);
.element {
color: $forest-biome;
box-shadow: 0 0 0 2px rgba($forest-biome, 0.35);
}