가장 가까운 이름 색상 · #CE00DC
#CE00DC
가장 가까운 이름 색상: Trippy Velvet
#CE00DC(rgb(206 0 220), hsl(296 100% 43%), oklch(0.606 0.284 324.8))와 가장 가까운 이름 색상은 Trippy Velvet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CE00DC
oklch(0.606 0.284 324.8)
색상 변환
- HEX
- #ce00dc
- RGB
- rgb(206 0 220)
- HSL
- hsl(296 100% 43%)
- HWB
- hwb(296 0% 14%)
- OKLCH
- oklch(0.606 0.284 324.8)
- OKLab
- oklab(0.606 0.232 -0.163)
- CIE Lab
- lab(49.58 81.15 -58.36)
- LCH
- lch(49.58 99.96 324.3)
- CMYK
- cmyk(6% 100% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- D53DE1
- DB5BE5
- E273E9
- E789ED
- EC9EF1
- F1B2F4
- F5C5F8
- F9D9FA
- FCECFD
셰이드
- B300BF
- 9800A3
- 7F0088
- 66006E
- 4E0054
- 38003C
- 230026
- 0F0011
- 020002
톤
- C72CD3
- C03FCA
- B94CC1
- B257B9
- AA60AF
- A368A6
- 9B6F9D
- 927594
- 897B8A
색 조화
보색 +180°
- CE00DC
Trippy Velvet
- 009E28
≈ Space Invader
유사색 -30° +30°
- CE00DC
Trippy Velvet
- 9153FF
≈ Irrigo Purple
- E7008A
≈ Feasty Fuchsia
삼각 배색 +120° +240°
- CE00DC
Trippy Velvet
- A47B00
≈ Hornet Yellow
- 00939F
≈ Jaded
분열 보색 +150° +210°
- CE00DC
Trippy Velvet
- 808B00
≈ Krypton Green
- 00987E
≈ Paolo Veronese Green
사각 배색 +90° +180° +270°
- CE00DC
Trippy Velvet
- C46400
≈ Alloy Orange
- 009E28
≈ Space Invader
- 008DC3
≈ Parrotfish Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 4.50:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.65:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--trippy-velvet: #ce00dc;
--trippy-velvet-rgb: 206 0 220;
--trippy-velvet-oklch: oklch(0.606 0.284 324.8);
}
.element {
color: var(--trippy-velvet);
background-color: hsl(296 100% 43%);
border-color: oklch(0.606 0.284 324.8);
}Tailwind CSS v4
@theme {
--color-trippy-velvet: #ce00dc;
--color-trippy-velvet-50: #ffd9ff;
--color-trippy-velvet-100: #ffc6ff;
--color-trippy-velvet-200: #ffa6ff;
--color-trippy-velvet-300: #ff79ff;
--color-trippy-velvet-400: #eb4af8;
--color-trippy-velvet-500: #d900e9;
--color-trippy-velvet-600: #b700c5;
--color-trippy-velvet-700: #94009e;
--color-trippy-velvet-800: #6c0079;
--color-trippy-velvet-900: #4c0055;
--color-trippy-velvet-950: #32003a;
}SCSS
$trippy-velvet: #ce00dc;
$trippy-velvet-rgb: 206, 0, 220;
$trippy-velvet-light: mix(#fff, $trippy-velvet, 20%);
$trippy-velvet-dark: mix(#000, $trippy-velvet, 20%);
.element {
color: $trippy-velvet;
box-shadow: 0 0 0 2px rgba($trippy-velvet, 0.35);
}