Adlandırılmış renk · #A99FBA
Fragrant Satchel
Fragrant Satchel, #A99FBA: rgb(169 159 186), hsl(262 16% 68%), oklch(0.72 0.04 302.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Fragrant Satchel color name →
#A99FBA
oklch(0.72 0.04 302.2)
Renk dönüşümleri
- HEX
- #a99fba
- RGB
- rgb(169 159 186)
- HSL
- hsl(262 16% 68%)
- HWB
- hwb(262 62% 27%)
- OKLCH
- oklch(0.72 0.04 302.2)
- OKLab
- oklab(0.72 0.021 -0.034)
- CIE Lab
- lab(67.02 7.7 -12.63)
- LCH
- lch(67.02 14.79 301.4)
- CMYK
- cmyk(9% 15% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1A8C1
- BAB2C8
- C2BBCE
- CBC5D5
- D3CEDC
- DCD8E3
- E4E1EA
- EDEBF1
- F6F5F8
Koyu tonlar
- 928AA1
- 7C7589
- 676172
- 534D5C
- 3F3B46
- 2C2932
- 1B181E
- 0A090D
- 010102
Gri tonlar
- A59CB4
- A199AE
- 9C96A8
- 9893A2
- 948F9D
- 908C97
- 8C8991
- 88868B
- 848386
Renk uyumları
Tamamlayıcı +180°
- A99FBA
Fragrant Satchel
- A0A98D
≈ Reseda
Analog -30° +30°
- A99FBA
Fragrant Satchel
- 9CA4BE
≈ Veranda Iris
- B49CB0
≈ Veiled Violet
Üçlü +120° +240°
- A99FBA
Fragrant Satchel
- B79F8B
≈ Rogue Cowboy
- 89ADA6
≈ Sea Nymph
Bölünmüş tamamlayıcı +150° +210°
- A99FBA
Fragrant Satchel
- ADA488
≈ Stone
- 93AC98
≈ Natural Harmony
Dörtlü +90° +180° +270°
- A99FBA
Fragrant Satchel
- BC9C95
≈ Coca Mocha
- A0A98D
≈ Reseda
- 88ACB3
≈ Aquitaine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.51:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.35:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--fragrant-satchel: #a99fba;
--fragrant-satchel-rgb: 169 159 186;
--fragrant-satchel-oklch: oklch(0.72 0.04 302.2);
}
.element {
color: var(--fragrant-satchel);
background-color: hsl(262 16% 68%);
border-color: oklch(0.72 0.04 302.2);
}Tailwind CSS v4
@theme {
--color-fragrant-satchel: #a99fba;
--color-fragrant-satchel-50: #f7f2ff;
--color-fragrant-satchel-100: #ebe5f3;
--color-fragrant-satchel-200: #d8d0e3;
--color-fragrant-satchel-300: #bcb3c9;
--color-fragrant-satchel-400: #a399b3;
--color-fragrant-satchel-500: #8b809d;
--color-fragrant-satchel-600: #766d85;
--color-fragrant-satchel-700: #5e576a;
--color-fragrant-satchel-800: #443f4e;
--color-fragrant-satchel-900: #2f2c37;
--color-fragrant-satchel-950: #1c1921;
}SCSS
$fragrant-satchel: #a99fba;
$fragrant-satchel-rgb: 169, 159, 186;
$fragrant-satchel-light: mix(#fff, $fragrant-satchel, 20%);
$fragrant-satchel-dark: mix(#000, $fragrant-satchel, 20%);
.element {
color: $fragrant-satchel;
box-shadow: 0 0 0 2px rgba($fragrant-satchel, 0.35);
}