이름 색상 · #7F878A
London Road
London Road은(는) #7F878A: rgb(127 135 138), hsl(196 4% 52%), oklch(0.618 0.01 222.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · London Road color name →
#7F878A
oklch(0.618 0.01 222.1)
색상 변환
- HEX
- #7f878a
- RGB
- rgb(127 135 138)
- HSL
- hsl(196 4% 52%)
- HWB
- hwb(196 50% 46%)
- OKLCH
- oklch(0.618 0.01 222.1)
- OKLab
- oklab(0.618 -0.008 -0.007)
- CIE Lab
- lab(55.72 -2.58 -2.69)
- LCH
- lch(55.72 3.72 226.2)
- CMYK
- cmyk(8% 2% 0% 46%)
틴트 · 셰이드 · 톤
틴트
- 8B9295
- 979EA0
- A4AAAC
- B0B5B7
- BDC1C3
- CACDCF
- D7DADB
- E4E6E7
- F2F2F3
셰이드
- 6E7577
- 5D6365
- 4C5153
- 3C4142
- 2D3132
- 1F2122
- 111314
- 060607
- 010101
톤
- 7F8689
- 7F8688
- 7F8587
- 7F8486
- 808485
- 808384
- 808283
- 808182
- 808181
색 조화
보색 +180°
- 7F878A
London Road
- 8B8481
≈ Mecha Grey
유사색 -30° +30°
- 7F878A
London Road
- 7F8887
≈ Pirate Silver
- 81868C
≈ Heavy Grey
삼각 배색 +120° +240°
- 7F878A
London Road
- 8A8387
≈ Natural Steel
- 86867F
≈ Barnwood Ash
분열 보색 +150° +210°
- 7F878A
London Road
- 8C8384
≈ Purpura
- 89857F
≈ Barnwood Ash
사각 배색 +90° +180° +270°
- 7F878A
London Road
- 88848A
≈ Suva Grey
- 8B8481
≈ Mecha Grey
- 838780
≈ Metal Flake
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.66:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.73:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.73:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--london-road: #7f878a;
--london-road-rgb: 127 135 138;
--london-road-oklch: oklch(0.618 0.01 222.1);
}
.element {
color: var(--london-road);
background-color: hsl(196 4% 52%);
border-color: oklch(0.618 0.01 222.1);
}Tailwind CSS v4
@theme {
--color-london-road: #7f878a;
--color-london-road-50: #f2f6f7;
--color-london-road-100: #e4e9ea;
--color-london-road-200: #d0d5d7;
--color-london-road-300: #b2b9bb;
--color-london-road-400: #98a0a3;
--color-london-road-500: #7f888b;
--color-london-road-600: #6c7376;
--color-london-road-700: #565c5e;
--color-london-road-800: #3f4345;
--color-london-road-900: #2b2e30;
--color-london-road-950: #181b1c;
}SCSS
$london-road: #7f878a;
$london-road-rgb: 127, 135, 138;
$london-road-light: mix(#fff, $london-road, 20%);
$london-road-dark: mix(#000, $london-road, 20%);
.element {
color: $london-road;
box-shadow: 0 0 0 2px rgba($london-road, 0.35);
}