이름 색상 · #B3C4D5
Time Travel
Time Travel은(는) #B3C4D5: rgb(179 196 213), hsl(210 29% 77%), oklch(0.813 0.03 248.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Time Travel color name →
#B3C4D5
oklch(0.813 0.03 248.2)
색상 변환
- HEX
- #b3c4d5
- RGB
- rgb(179 196 213)
- HSL
- hsl(210 29% 77%)
- HWB
- hwb(210 70% 16%)
- OKLCH
- oklch(0.813 0.03 248.2)
- OKLab
- oklab(0.813 -0.011 -0.028)
- CIE Lab
- lab(78.25 -3.39 -10.61)
- LCH
- lch(78.25 11.14 252.3)
- CMYK
- cmyk(16% 8% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- BACAD9
- C2D0DD
- C9D5E2
- D1DBE6
- D9E1EA
- E0E7EE
- E8EDF2
- EFF3F7
- F7F9FB
셰이드
- 9BAAB9
- 84919E
- 6E7883
- 58616A
- 434A51
- 2F353A
- 1D2124
- 0C0E10
- 010202
톤
- AEBDCC
- A9B6C3
- A3AFBB
- 9EA8B2
- 99A1AA
- 949BA1
- 8F9499
- 8A8D90
- 858788
색 조화
보색 +180°
- B3C4D5
Time Travel
- CFBFAD
≈ Nantucket Dune
유사색 -30° +30°
- B3C4D5
Time Travel
- ADC7CF
≈ Roquefort Blue
- BDC0D6
≈ Lavender Sachet
삼각 배색 +120° +240°
- B3C4D5
Time Travel
- D4BABE
≈ Nostalgia
- BCC6B1
≈ Pattipan
분열 보색 +150° +210°
- B3C4D5
Time Travel
- D4BCB4
≈ Badlands Taupe
- C7C2AC
≈ Organic Field
사각 배색 +90° +180° +270°
- B3C4D5
Time Travel
- D0BBC9
≈ Antique Heather
- CFBFAD
≈ Nantucket Dune
- B2C8BA
≈ Misty Morning
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.78:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.77:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--time-travel: #b3c4d5;
--time-travel-rgb: 179 196 213;
--time-travel-oklch: oklch(0.813 0.03 248.2);
}
.element {
color: var(--time-travel);
background-color: hsl(210 29% 77%);
border-color: oklch(0.813 0.03 248.2);
}Tailwind CSS v4
@theme {
--color-time-travel: #b3c4d5;
--color-time-travel-50: #eff6fe;
--color-time-travel-100: #e1e9f2;
--color-time-travel-200: #cbd6e1;
--color-time-travel-300: #acb9c7;
--color-time-travel-400: #91a0b0;
--color-time-travel-500: #77889a;
--color-time-travel-600: #657382;
--color-time-travel-700: #505c68;
--color-time-travel-800: #3a444c;
--color-time-travel-900: #282f35;
--color-time-travel-950: #161b20;
}SCSS
$time-travel: #b3c4d5;
$time-travel-rgb: 179, 196, 213;
$time-travel-light: mix(#fff, $time-travel, 20%);
$time-travel-dark: mix(#000, $time-travel, 20%);
.element {
color: $time-travel;
box-shadow: 0 0 0 2px rgba($time-travel, 0.35);
}