이름 색상 · #2792C3
Porpita Porpita
Porpita Porpita은(는) #2792C3: rgb(39 146 195), hsl(199 67% 46%), oklch(0.624 0.118 233.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Porpita Porpita color name →
#2792C3
oklch(0.624 0.118 233.8)
색상 변환
- HEX
- #2792c3
- RGB
- rgb(39 146 195)
- HSL
- hsl(199 67% 46%)
- HWB
- hwb(199 15% 24%)
- OKLCH
- oklch(0.624 0.118 233.8)
- OKLab
- oklab(0.624 -0.07 -0.095)
- CIE Lab
- lab(56.45 -17.5 -34.5)
- LCH
- lch(56.45 38.69 243.1)
- CMYK
- cmyk(80% 25% 0% 24%)
틴트 · 셰이드 · 톤
틴트
- 469DC9
- 5EA8D0
- 74B3D6
- 88BEDC
- 9CC9E2
- B0D3E8
- C4DEEE
- D8E9F4
- EBF4F9
셰이드
- 207EA9
- 1A6B90
- 145878
- 0E4660
- 08354A
- 042534
- 021620
- 01080E
- 000102
톤
- 3891BC
- 448FB6
- 4F8DAF
- 588CA9
- 608AA2
- 67889B
- 6E8695
- 74848E
- 7A8287
색 조화
보색 +180°
- 2792C3
Porpita Porpita
- BE723C
≈ Tiger Stripe
유사색 -30° +30°
- 2792C3
Porpita Porpita
- 0099A4
≈ Island Dream
- 6285CE
≈ Livid
삼각 배색 +120° +240°
- 2792C3
Porpita Porpita
- BD678C
≈ Malevolent Mauve
- 878F2F
≈ Wasabi Nuts
분열 보색 +150° +210°
- 2792C3
Porpita Porpita
- C46864
≈ Stormy Passion
- A9801F
≈ Brazen
사각 배색 +90° +180° +270°
- 2792C3
Porpita Porpita
- AA6DB0
≈ Soft Purple
- BE723C
≈ Tiger Stripe
- 589957
≈ Wicked Witch
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.50:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.98:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.98:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--porpita-porpita: #2792c3;
--porpita-porpita-rgb: 39 146 195;
--porpita-porpita-oklch: oklch(0.624 0.118 233.8);
}
.element {
color: var(--porpita-porpita);
background-color: hsl(199 67% 46%);
border-color: oklch(0.624 0.118 233.8);
}Tailwind CSS v4
@theme {
--color-porpita-porpita: #2792c3;
--color-porpita-porpita-50: #d6fbff;
--color-porpita-porpita-100: #c3efff;
--color-porpita-porpita-200: #a3ddff;
--color-porpita-porpita-300: #79c1ec;
--color-porpita-porpita-400: #4caad9;
--color-porpita-porpita-500: #0091c8;
--color-porpita-porpita-600: #0b7ba8;
--color-porpita-porpita-700: #0b6387;
--color-porpita-porpita-800: #014964;
--color-porpita-porpita-900: #033246;
--color-porpita-porpita-950: #001e2e;
}SCSS
$porpita-porpita: #2792c3;
$porpita-porpita-rgb: 39, 146, 195;
$porpita-porpita-light: mix(#fff, $porpita-porpita, 20%);
$porpita-porpita-dark: mix(#000, $porpita-porpita, 20%);
.element {
color: $porpita-porpita;
box-shadow: 0 0 0 2px rgba($porpita-porpita, 0.35);
}