Najbliższy nazwany kolor · #35846B
#35846B
Najbliższy nazwany kolor: Elf
#35846B (rgb(53 132 107), hsl(161 43% 36%), oklch(0.557 0.087 169.3)) jest najbliższy nazwanemu kolorowi Elf. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#35846B
oklch(0.557 0.087 169.3)
Konwersje koloru
- HEX
- #35846b
- RGB
- rgb(53 132 107)
- HSL
- hsl(161 43% 36%)
- HWB
- hwb(161 21% 48%)
- OKLCH
- oklch(0.557 0.087 169.3)
- OKLab
- oklab(0.557 -0.086 0.016)
- CIE Lab
- lab(49.77 -30.14 5.96)
- LCH
- lch(49.77 30.73 168.8)
- CMYK
- cmyk(60% 0% 19% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4C9079
- 619C87
- 75A895
- 89B4A3
- 9CC0B2
- B0CDC1
- C3D9D0
- D7E6E0
- EBF2EF
Odcienie ciemniejsze
- 2D725C
- 25604E
- 1D4F3F
- 153F32
- 0E2F25
- 082018
- 03120D
- 010604
- 000100
Tony
- 40846D
- 49846F
- 518371
- 598373
- 608375
- 678278
- 6E827A
- 74817C
- 7A817E
Harmonie kolorów
Komplementarna +180°
- 35846B
Elf
- 9A5E7B
≈ Rose Wine
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 35846B
Elf
- 8A6394
≈ Mirabella
- A05E5F
≈ Pizza Pie
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.50:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.66:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--elf: #35846b;
--elf-rgb: 53 132 107;
--elf-oklch: oklch(0.557 0.087 169.3);
}
.element {
color: var(--elf);
background-color: hsl(161 43% 36%);
border-color: oklch(0.557 0.087 169.3);
}Tailwind CSS v4
@theme {
--color-elf: #35846b;
--color-elf-50: #ddfef2;
--color-elf-100: #ccf2e4;
--color-elf-200: #afe1cf;
--color-elf-300: #89c6b2;
--color-elf-400: #67af96;
--color-elf-500: #40997c;
--color-elf-600: #388169;
--color-elf-700: #2c6754;
--color-elf-800: #204c3c;
--color-elf-900: #153529;
--color-elf-950: #062017;
}SCSS
$elf: #35846b;
$elf-rgb: 53, 132, 107;
$elf-light: mix(#fff, $elf, 20%);
$elf-dark: mix(#000, $elf, 20%);
.element {
color: $elf;
box-shadow: 0 0 0 2px rgba($elf, 0.35);
}