Nazwany kolor · #800008
Laura Potato
Laura Potato to #800008: rgb(128 0 8), hsl(356 100% 25%), oklch(0.377 0.154 27.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Laura Potato color name →
#800008
oklch(0.377 0.154 27.2)
Konwersje koloru
- HEX
- #800008
- RGB
- rgb(128 0 8)
- HSL
- hsl(356 100% 25%)
- HWB
- hwb(356 0% 50%)
- OKLCH
- oklch(0.377 0.154 27.2)
- OKLab
- oklab(0.377 0.137 0.07)
- CIE Lab
- lab(26.21 48.57 36.24)
- LCH
- lch(26.21 60.6 36.7)
- CMYK
- cmyk(0% 100% 94% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8F2924
- 9E433B
- AC5B52
- B97269
- C68981
- D3A099
- DEB7B2
- EACFCB
- F5E7E5
Odcienie ciemniejsze
- 6E0006
- 5D0004
- 4D0003
- 3D0002
- 2E0001
- 1F0001
- 120000
- 060000
- 010000
Tony
- 821B19
- 842B25
- 853831
- 86433D
- 864E48
- 865953
- 86635E
- 846D69
- 837675
Harmonie kolorów
Komplementarna +180°
- 800008
Laura Potato
- 004B53
≈ Midnight Green
Analogowa -30° +30°
- 800008
Laura Potato
- 7A0042
≈ Dawn of the Fairies
- 653300
≈ Beasty Brown
Triada +120° +240°
- 800008
Laura Potato
- 005019
≈ Mysterious Mixture
- 1E3692
≈ Dark Seashore Night
Komplementarna rozszczepiona +150° +210°
- 800008
Laura Potato
- 004D41
≈ Aqua Deep
- 004768
≈ Adriatic
Tetrada +90° +180° +270°
- 800008
Laura Potato
- 3F4700
≈ Green Not Found
- 004B53
≈ Midnight Green
- 4D2587
≈ Spanish Violet
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.92:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 1.92:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.92:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--laura-potato: #800008;
--laura-potato-rgb: 128 0 8;
--laura-potato-oklch: oklch(0.377 0.154 27.2);
}
.element {
color: var(--laura-potato);
background-color: hsl(356 100% 25%);
border-color: oklch(0.377 0.154 27.2);
}Tailwind CSS v4
@theme {
--color-laura-potato: #800008;
--color-laura-potato-50: #ffe6dc;
--color-laura-potato-100: #ffd5ca;
--color-laura-potato-200: #ffbcae;
--color-laura-potato-300: #fc9889;
--color-laura-potato-400: #eb776b;
--color-laura-potato-500: #d9544a;
--color-laura-potato-600: #b74840;
--color-laura-potato-700: #933a33;
--color-laura-potato-800: #6e2826;
--color-laura-potato-900: #4e1b19;
--color-laura-potato-950: #330b0a;
}SCSS
$laura-potato: #800008;
$laura-potato-rgb: 128, 0, 8;
$laura-potato-light: mix(#fff, $laura-potato, 20%);
$laura-potato-dark: mix(#000, $laura-potato, 20%);
.element {
color: $laura-potato;
box-shadow: 0 0 0 2px rgba($laura-potato, 0.35);
}