이름 색상 · #B6273E

Timeless Beauty

Timeless Beauty은(는) #B6273E: rgb(182 39 62), hsl(350 65% 43%), oklch(0.512 0.178 18). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Timeless Beauty color name →

#B6273E

oklch(0.512 0.178 18)

색상 변환

HEX: #b6273e
RGB: rgb(182 39 62)
HSL: hsl(350 65% 43%)
HWB: hwb(350 15% 29%)
OKLCH: oklch(0.512 0.178 18)
OKLab: oklab(0.512 0.169 0.055)
CIE Lab: lab(41.46 57.24 24.43)
LCH: lch(41.46 62.24 23.1)
CMYK: cmyk(0% 79% 66% 29%)

틴트 · 셰이드 · 톤

틴트

C04350
CA5A62
D37075
DB8587
E3999B
EAADAE
F0C2C2
F6D6D6
FBEAEA

셰이드

9E2035
861A2B
6F1423
590E1A
440812
30040A
1D0204
0C0101
020000

톤

B23645
AE424C
AA4C52
A65559
A15D5F
9B6566
956C6C
8F7373
887A79

색 조화

보색 +180°

B6273E
Timeless Beauty
007679
≈ Maxi Teal

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 6.27:1 · APCA Lc 80

검은색 위

WCAG 3.34:1 · APCA Lc 22

Fail

가장 좋은 글자색: #FFFFFF

WCAG 6.27:1 (AA) · APCA Lc 80

Contrast pairs

코드 스니펫

CSS

:root {
  --timeless-beauty: #b6273e;
  --timeless-beauty-rgb: 182 39 62;
  --timeless-beauty-oklch: oklch(0.512 0.178 18);
}

.element {
  color: var(--timeless-beauty);
  background-color: hsl(350 65% 43%);
  border-color: oklch(0.512 0.178 18);
}

Tailwind CSS v4

@theme {
  --color-timeless-beauty: #b6273e;
  --color-timeless-beauty-50: #ffe2e0;
  --color-timeless-beauty-100: #ffd1cf;
  --color-timeless-beauty-200: #ffb5b5;
  --color-timeless-beauty-300: #ff9091;
  --color-timeless-beauty-400: #f56c76;
  --color-timeless-beauty-500: #e34358;
  --color-timeless-beauty-600: #c03b4b;
  --color-timeless-beauty-700: #9a2f3b;
  --color-timeless-beauty-800: #73202d;
  --color-timeless-beauty-900: #51151e;
  --color-timeless-beauty-950: #36060e;
}

SCSS

$timeless-beauty: #b6273e;
$timeless-beauty-rgb: 182, 39, 62;
$timeless-beauty-light: mix(#fff, $timeless-beauty, 20%);
$timeless-beauty-dark: mix(#000, $timeless-beauty, 20%);

.element {
  color: $timeless-beauty;
  box-shadow: 0 0 0 2px rgba($timeless-beauty, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API