이름 색상 · #770088
Ultraberry
Ultraberry은(는) #770088: rgb(119 0 136), hsl(293 100% 27%), oklch(0.412 0.196 321.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Ultraberry color name →
#770088
oklch(0.412 0.196 321.5)
색상 변환
- HEX
- #770088
- RGB
- rgb(119 0 136)
- HSL
- hsl(293 100% 27%)
- HWB
- hwb(293 0% 47%)
- OKLCH
- oklch(0.412 0.196 321.5)
- OKLab
- oklab(0.412 0.153 -0.122)
- CIE Lab
- lab(28.37 55.33 -43.53)
- LCH
- lch(28.37 70.4 321.8)
- CMYK
- cmyk(12% 100% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 852C95
- 9346A1
- A15EAD
- AF75B9
- BD8CC5
- CAA2D1
- D8B9DD
- E5D0E8
- F2E7F4
셰이드
- 670075
- 570063
- 470052
- 380041
- 2A0031
- 1C0022
- 100013
- 050006
- 010001
톤
- 791E88
- 7B2E88
- 7C3B88
- 7D4687
- 7E5186
- 7F5B86
- 806484
- 806E83
- 807782
색 조화
보색 +180°
- 770088
Ultraberry
- 0C5B00
≈ Lincoln Green
유사색 -30° +30°
- 770088
Ultraberry
- 5222A9
≈ Eine Kleine Nachtmusik
- 880055
≈ Cardinal Pink
삼각 배색 +120° +240°
- 770088
Ultraberry
- 624500
≈ Mud Brown
- 00565B
≈ Deep Teal
분열 보색 +150° +210°
- 770088
Ultraberry
- 4D4F00
≈ Scorzonera Brown
- 005845
≈ Forest Shadows
사각 배색 +90° +180° +270°
- 770088
Ultraberry
- 763600
≈ Bay Brown
- 0C5B00
≈ Lincoln Green
- 005270
≈ Captain Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.81:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.13:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.81:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--ultraberry: #770088;
--ultraberry-rgb: 119 0 136;
--ultraberry-oklch: oklch(0.412 0.196 321.5);
}
.element {
color: var(--ultraberry);
background-color: hsl(293 100% 27%);
border-color: oklch(0.412 0.196 321.5);
}Tailwind CSS v4
@theme {
--color-ultraberry: #770088;
--color-ultraberry-50: #ffe3ff;
--color-ultraberry-100: #ffd2ff;
--color-ultraberry-200: #fdb7ff;
--color-ultraberry-300: #e793f0;
--color-ultraberry-400: #d271e3;
--color-ultraberry-500: #be4cd2;
--color-ultraberry-600: #a142b1;
--color-ultraberry-700: #81348e;
--color-ultraberry-800: #5e256c;
--color-ultraberry-900: #42194c;
--color-ultraberry-950: #2a0932;
}SCSS
$ultraberry: #770088;
$ultraberry-rgb: 119, 0, 136;
$ultraberry-light: mix(#fff, $ultraberry, 20%);
$ultraberry-dark: mix(#000, $ultraberry, 20%);
.element {
color: $ultraberry;
box-shadow: 0 0 0 2px rgba($ultraberry, 0.35);
}