Najbliższy nazwany kolor · #C7BBFF
#C7BBFF
Najbliższy nazwany kolor: Violet Heaven
#C7BBFF (rgb(199 187 255), hsl(251 100% 87%), oklch(0.826 0.095 292.3)) jest najbliższy nazwanemu kolorowi Violet Heaven. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C7BBFF
oklch(0.826 0.095 292.3)
Konwersje koloru
- HEX
- #c7bbff
- RGB
- rgb(199 187 255)
- HSL
- hsl(251 100% 87%)
- HWB
- hwb(251 73% 0%)
- OKLCH
- oklch(0.826 0.095 292.3)
- OKLab
- oklab(0.826 0.036 -0.088)
- CIE Lab
- lab(78.69 14.76 -32.21)
- LCH
- lch(78.69 35.43 294.6)
- CMYK
- cmyk(22% 27% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC2FF
- D2C9FF
- D7D0FF
- DDD6FF
- E2DDFF
- E8E4FF
- EEEBFF
- F3F1FF
- F9F8FF
Odcienie ciemniejsze
- ADA2DE
- 938ABE
- 7A739E
- 625C80
- 4C4663
- 363248
- 211F2E
- 0E0D16
- 020203
Tony
- C0B5F2
- B8AFE5
- B1A9D8
- AAA3CB
- A39DBE
- 9B98B2
- 9492A5
- 8E8C99
- 87868C
Harmonie kolorów
Komplementarna +180°
- C7BBFF
Violet Heaven
- C7CD84
≈ Soft Celery
Analogowa -30° +30°
- C7BBFF
Violet Heaven
- A8C7FF
≈ Night Snow
- E4B2EB
≈ Candy Dreams
Triada +120° +240°
- C7BBFF
Violet Heaven
- F8B58C
≈ Desert Sunrise
- 81DABF
≈ Pearl Aqua
Komplementarna rozszczepiona +150° +210°
- C7BBFF
Violet Heaven
- E5C07D
≈ Deserted Path
- A2D69D
≈ Green Trance
Tetrada +90° +180° +270°
- C7BBFF
Violet Heaven
- FEAEAA
≈ Cornflower Lilac
- C7CD84
≈ Soft Celery
- 74D8E1
≈ Aquamarine Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.98:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--violet-heaven: #c7bbff;
--violet-heaven-rgb: 199 187 255;
--violet-heaven-oklch: oklch(0.826 0.095 292.3);
}
.element {
color: var(--violet-heaven);
background-color: hsl(251 100% 87%);
border-color: oklch(0.826 0.095 292.3);
}Tailwind CSS v4
@theme {
--color-violet-heaven: #c7bbff;
--color-violet-heaven-50: #f6f0ff;
--color-violet-heaven-100: #e9e2ff;
--color-violet-heaven-200: #d6cdfa;
--color-violet-heaven-300: #baaee4;
--color-violet-heaven-400: #a094d2;
--color-violet-heaven-500: #887ac0;
--color-violet-heaven-600: #7367a2;
--color-violet-heaven-700: #5c5382;
--color-violet-heaven-800: #423c61;
--color-violet-heaven-900: #2e2944;
--color-violet-heaven-950: #1a172c;
}SCSS
$violet-heaven: #c7bbff;
$violet-heaven-rgb: 199, 187, 255;
$violet-heaven-light: mix(#fff, $violet-heaven, 20%);
$violet-heaven-dark: mix(#000, $violet-heaven, 20%);
.element {
color: $violet-heaven;
box-shadow: 0 0 0 2px rgba($violet-heaven, 0.35);
}