이름 색상 · #BB2277
Treasured Love
Treasured Love은(는) #BB2277: rgb(187 34 119), hsl(327 69% 43%), oklch(0.534 0.199 352.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Treasured Love color name →
#BB2277
oklch(0.534 0.199 352.8)
색상 변환
- HEX
- #bb2277
- RGB
- rgb(187 34 119)
- HSL
- hsl(327 69% 43%)
- HWB
- hwb(327 13% 27%)
- OKLCH
- oklch(0.534 0.199 352.8)
- OKLab
- oklab(0.534 0.197 -0.025)
- CIE Lab
- lab(43.24 63.14 -8.63)
- LCH
- lch(43.24 63.73 352.2)
- CMYK
- cmyk(0% 82% 36% 27%)
틴트 · 셰이드 · 톤
틴트
- C54184
- CE5991
- D66F9E
- DE84AB
- E599B9
- ECADC7
- F1C2D4
- F7D6E2
- FBEAF1
셰이드
- A21C67
- 8A1657
- 731147
- 5C0B38
- 46072A
- 32031C
- 1F0110
- 0D0005
- 020001
톤
- B73378
- B24079
- AE4B7A
- A8547B
- A35D7C
- 9D647D
- 976C7D
- 90737E
- 887A7F
색 조화
보색 +180°
- BB2277
Treasured Love
- 008067
≈ Generic Viridian
유사색 -30° +30°
- BB2277
Treasured Love
- A036AE
≈ Purple Tone Ink
- C61E31
≈ Movie Star
삼각 배색 +120° +240°
- BB2277
Treasured Love
- 6E7300
≈ Spinach Soup
- 0076A2
≈ Summer Lake
분열 보색 +150° +210°
- BB2277
Treasured Love
- 008506
≈ Lucky Clover
- 007C84
≈ Cote D’Azur
사각 배색 +90° +180° +270°
- BB2277
Treasured Love
- 8C6600
≈ Alligator
- 008067
≈ Generic Viridian
- 2862DE
≈ Blue Ruin
대비 및 접근성
Ag
AA흰색 위
WCAG 5.82:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.60:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--treasured-love: #bb2277;
--treasured-love-rgb: 187 34 119;
--treasured-love-oklch: oklch(0.534 0.199 352.8);
}
.element {
color: var(--treasured-love);
background-color: hsl(327 69% 43%);
border-color: oklch(0.534 0.199 352.8);
}Tailwind CSS v4
@theme {
--color-treasured-love: #bb2277;
--color-treasured-love-50: #ffdef8;
--color-treasured-love-100: #ffcdeb;
--color-treasured-love-200: #ffb0d9;
--color-treasured-love-300: #ff89bd;
--color-treasured-love-400: #f263a9;
--color-treasured-love-500: #e03692;
--color-treasured-love-600: #be307b;
--color-treasured-love-700: #982763;
--color-treasured-love-800: #711b4b;
--color-treasured-love-900: #501234;
--color-treasured-love-950: #35031f;
}SCSS
$treasured-love: #bb2277;
$treasured-love-rgb: 187, 34, 119;
$treasured-love-light: mix(#fff, $treasured-love, 20%);
$treasured-love-dark: mix(#000, $treasured-love, 20%);
.element {
color: $treasured-love;
box-shadow: 0 0 0 2px rgba($treasured-love, 0.35);
}