Adlandırılmış renk · #BA947F
Caramelised
Caramelised, #BA947F: rgb(186 148 127), hsl(21 30% 61%), oklch(0.696 0.055 50.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Caramelised color name →
#BA947F
oklch(0.696 0.055 50.4)
Renk dönüşümleri
- HEX
- #ba947f
- RGB
- rgb(186 148 127)
- HSL
- hsl(21 30% 61%)
- HWB
- hwb(21 50% 27%)
- OKLCH
- oklch(0.696 0.055 50.4)
- OKLab
- oklab(0.696 0.035 0.042)
- CIE Lab
- lab(64.52 12.49 16.85)
- LCH
- lch(64.52 20.97 53.5)
- CMYK
- cmyk(0% 20% 32% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C19E8B
- C8A998
- CFB3A4
- D6BEB1
- DDC9BE
- E4D3CA
- EBDED7
- F1E9E4
- F8F4F2
Koyu tonlar
- A1806E
- 896D5D
- 725A4C
- 5C483C
- 46362D
- 32261F
- 1E1611
- 0D0806
- 020101
Gri tonlar
- B4927F
- AE907F
- A98E80
- A38C80
- 9D8A80
- 978880
- 918680
- 8C8480
- 868280
Renk uyumları
Tamamlayıcı +180°
- BA947F
Caramelised
- 7AA4B9
≈ Blue Ridge Mist
Analog -30° +30°
- BA947F
Caramelised
- BD908F
≈ Rosy Brown
- AF9A77
≈ Dry Starfish
Üçlü +120° +240°
- BA947F
Caramelised
- 7BA998
≈ Catnip
- 9C98BE
≈ Majestic Violet
Bölünmüş tamamlayıcı +150° +210°
- BA947F
Caramelised
- 74A8AB
≈ Pompeius Blue
- 8A9EC0
≈ Lavender Lustre
Dörtlü +90° +180° +270°
- BA947F
Caramelised
- 8BA686
≈ Mermaid’s Cove
- 7AA4B9
≈ Blue Ridge Mist
- AD93B3
≈ Glossy Grape
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.75:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.63:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.63:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--caramelised: #ba947f;
--caramelised-rgb: 186 148 127;
--caramelised-oklch: oklch(0.696 0.055 50.4);
}
.element {
color: var(--caramelised);
background-color: hsl(21 30% 61%);
border-color: oklch(0.696 0.055 50.4);
}Tailwind CSS v4
@theme {
--color-caramelised: #ba947f;
--color-caramelised-50: #fff1e7;
--color-caramelised-100: #f8e3d8;
--color-caramelised-200: #e8cebf;
--color-caramelised-300: #cfb09e;
--color-caramelised-400: #ba9682;
--color-caramelised-500: #a47c65;
--color-caramelised-600: #8b6956;
--color-caramelised-700: #6f5445;
--color-caramelised-800: #523d32;
--color-caramelised-900: #392a22;
--color-caramelised-950: #241711;
}SCSS
$caramelised: #ba947f;
$caramelised-rgb: 186, 148, 127;
$caramelised-light: mix(#fff, $caramelised, 20%);
$caramelised-dark: mix(#000, $caramelised, 20%);
.element {
color: $caramelised;
box-shadow: 0 0 0 2px rgba($caramelised, 0.35);
}