이름 색상 · #B090C7
Fleur-De-Lis
Fleur-De-Lis은(는) #B090C7: rgb(176 144 199), hsl(275 33% 67%), oklch(0.702 0.086 310.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Fleur-De-Lis color name →
#B090C7
oklch(0.702 0.086 310.7)
색상 변환
- HEX
- #b090c7
- RGB
- rgb(176 144 199)
- HSL
- hsl(275 33% 67%)
- HWB
- hwb(275 56% 22%)
- OKLCH
- oklch(0.702 0.086 310.7)
- OKLab
- oklab(0.702 0.056 -0.065)
- CIE Lab
- lab(64.25 20.15 -23.93)
- LCH
- lch(64.25 31.29 310.1)
- CMYK
- cmyk(12% 28% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- B89BCD
- BFA6D2
- C7B1D8
- CFBCDE
- D7C7E3
- DFD2E9
- E7DDEF
- EFE8F4
- F7F4FA
셰이드
- 997DAD
- 826A93
- 6C577A
- 564562
- 42344C
- 2E2436
- 1C1521
- 0B070E
- 010102
톤
- AB8FC0
- A68DB9
- A18CB2
- 9D8AAA
- 9888A3
- 93879C
- 8E8595
- 89838E
- 858287
색 조화
보색 +180°
- B090C7
Fleur-De-Lis
- 8DAA71
≈ Green Tea Mochi
유사색 -30° +30°
- B090C7
Fleur-De-Lis
- 9599D4
≈ Bluebell Frost
- C48AAF
≈ Bonny Belle
삼각 배색 +120° +240°
- B090C7
Fleur-De-Lis
- C19662
≈ Mannered Gold
- 57B0AB
≈ Artesian Well
분열 보색 +150° +210°
- B090C7
Fleur-De-Lis
- ABA160
≈ Wavy Glass
- 6DB08D
≈ Melon Green
사각 배색 +90° +180° +270°
- B090C7
Fleur-De-Lis
- CD8D76
≈ Sociable
- 8DAA71
≈ Green Tea Mochi
- 5CACC5
≈ Blue Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.74:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.66:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--fleur-de-lis: #b090c7;
--fleur-de-lis-rgb: 176 144 199;
--fleur-de-lis-oklch: oklch(0.702 0.086 310.7);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(275 33% 67%);
border-color: oklch(0.702 0.086 310.7);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b090c7;
--color-fleur-de-lis-50: #feefff;
--color-fleur-de-lis-100: #f2e0fd;
--color-fleur-de-lis-200: #e1caef;
--color-fleur-de-lis-300: #c7abd7;
--color-fleur-de-lis-400: #af90c4;
--color-fleur-de-lis-500: #9876b1;
--color-fleur-de-lis-600: #816495;
--color-fleur-de-lis-700: #675078;
--color-fleur-de-lis-800: #4b3a59;
--color-fleur-de-lis-900: #34283e;
--color-fleur-de-lis-950: #1f1628;
}SCSS
$fleur-de-lis: #b090c7;
$fleur-de-lis-rgb: 176, 144, 199;
$fleur-de-lis-light: mix(#fff, $fleur-de-lis, 20%);
$fleur-de-lis-dark: mix(#000, $fleur-de-lis, 20%);
.element {
color: $fleur-de-lis;
box-shadow: 0 0 0 2px rgba($fleur-de-lis, 0.35);
}