Adlandırılmış renk · #BA7462
Azalea Pot
Azalea Pot, #BA7462: rgb(186 116 98), hsl(12 39% 56%), oklch(0.629 0.093 35.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Azalea Pot color name →
#BA7462
oklch(0.629 0.093 35.2)
Renk dönüşümleri
- HEX
- #ba7462
- RGB
- rgb(186 116 98)
- HSL
- hsl(12 39% 56%)
- HWB
- hwb(12 38% 27%)
- OKLCH
- oklch(0.629 0.093 35.2)
- OKLab
- oklab(0.629 0.076 0.054)
- CIE Lab
- lab(56.27 26.85 22.13)
- LCH
- lch(56.27 34.79 39.5)
- CMYK
- cmyk(0% 38% 47% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C28271
- C98F80
- D19D8F
- D8AB9F
- DFB8AE
- E5C6BE
- ECD4CE
- F3E2DE
- F9F1EF
Koyu tonlar
- A16454
- 895447
- 72453A
- 5C372D
- 462921
- 321B16
- 1E0F0B
- 0D0503
- 020100
Gri tonlar
- B57665
- AF7769
- AA796C
- A47A6F
- 9E7B72
- 997C75
- 937D78
- 8D7E7A
- 867F7D
Renk uyumları
Tamamlayıcı +180°
- BA7462
Azalea Pot
- 3797AC
≈ Aqua Dance
Analog -30° +30°
- BA7462
Azalea Pot
- B97181
≈ Smell the Roses
- B07D49
≈ Rocky Racoon
Üçlü +120° +240°
- BA7462
Azalea Pot
- 579A70
≈ Endless
- 7984C1
≈ Deep Periwinkle
Bölünmüş tamamlayıcı +150° +210°
- BA7462
Azalea Pot
- 379B90
≈ Temple Guard Blue
- 568FBE
≈ Cliff Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.64:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.76:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--azalea-pot: #ba7462;
--azalea-pot-rgb: 186 116 98;
--azalea-pot-oklch: oklch(0.629 0.093 35.2);
}
.element {
color: var(--azalea-pot);
background-color: hsl(12 39% 56%);
border-color: oklch(0.629 0.093 35.2);
}Tailwind CSS v4
@theme {
--color-azalea-pot: #ba7462;
--color-azalea-pot-50: #ffede3;
--color-azalea-pot-100: #ffded2;
--color-azalea-pot-200: #f9c7b8;
--color-azalea-pot-300: #e2a796;
--color-azalea-pot-400: #cf8b79;
--color-azalea-pot-500: #bb6f5b;
--color-azalea-pot-600: #9e5e4d;
--color-azalea-pot-700: #7f4b3e;
--color-azalea-pot-800: #5e362d;
--color-azalea-pot-900: #42251e;
--color-azalea-pot-950: #2a130e;
}SCSS
$azalea-pot: #ba7462;
$azalea-pot-rgb: 186, 116, 98;
$azalea-pot-light: mix(#fff, $azalea-pot, 20%);
$azalea-pot-dark: mix(#000, $azalea-pot, 20%);
.element {
color: $azalea-pot;
box-shadow: 0 0 0 2px rgba($azalea-pot, 0.35);
}