이름 색상 · #800008
Laura Potato
Laura Potato은(는) #800008: rgb(128 0 8), hsl(356 100% 25%), oklch(0.377 0.154 27.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Laura Potato color name →
#800008
oklch(0.377 0.154 27.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8F2924
- 9E433B
- AC5B52
- B97269
- C68981
- D3A099
- DEB7B2
- EACFCB
- F5E7E5
셰이드
- 6E0006
- 5D0004
- 4D0003
- 3D0002
- 2E0001
- 1F0001
- 120000
- 060000
- 010000
톤
- 821B19
- 842B25
- 853831
- 86433D
- 864E48
- 865953
- 86635E
- 846D69
- 837675
색 조화
보색 +180°
- 800008
Laura Potato
- 004B53
≈ Midnight Green
유사색 -30° +30°
- 800008
Laura Potato
- 7A0042
≈ Dawn of the Fairies
- 653300
≈ Beasty Brown
삼각 배색 +120° +240°
- 800008
Laura Potato
- 005019
≈ Mysterious Mixture
- 1E3692
≈ Dark Seashore Night
분열 보색 +150° +210°
- 800008
Laura Potato
- 004D41
≈ Aqua Deep
- 004768
≈ Adriatic
사각 배색 +90° +180° +270°
- 800008
Laura Potato
- 3F4700
≈ Green Not Found
- 004B53
≈ Midnight Green
- 4D2587
≈ Spanish Violet
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.92:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 1.92:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 10.92:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
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);
}