Adlandırılmış renk · #BF9E77
Almond Toast
Almond Toast, #BF9E77: rgb(191 158 119), hsl(33 36% 61%), oklch(0.72 0.066 71.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Almond Toast color name →
#BF9E77
oklch(0.72 0.066 71.1)
Renk dönüşümleri
- HEX
- #bf9e77
- RGB
- rgb(191 158 119)
- HSL
- hsl(33 36% 61%)
- HWB
- hwb(33 47% 25%)
- OKLCH
- oklch(0.72 0.066 71.1)
- OKLab
- oklab(0.72 0.021 0.062)
- CIE Lab
- lab(67.44 8.59 25.24)
- LCH
- lch(67.44 26.66 71.2)
- CMYK
- cmyk(0% 17% 38% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5A784
- CCB192
- D2BB9F
- D9C4AD
- DFCEBA
- E5D8C8
- ECE1D5
- F2EBE3
- F9F5F1
Koyu tonlar
- A68967
- 8D7457
- 756047
- 5E4D38
- 483A2A
- 33291C
- 1F1810
- 0D0905
- 020101
Gri tonlar
- B99B78
- B2987A
- AC957B
- A6927C
- 9F8F7D
- 998C7D
- 93897E
- 8C867F
- 86837F
Renk uyumları
Tamamlayıcı +180°
- BF9E77
Almond Toast
- 86A8CD
≈ Windfall
Analog -30° +30°
- BF9E77
Almond Toast
- C99785
≈ Café Crème
- ADA676
≈ Windy Meadow
Üçlü +120° +240°
- BF9E77
Almond Toast
- 72B2AE
≈ Aurora Teal
- B299C3
≈ Atlantic Tulip
Bölünmüş tamamlayıcı +150° +210°
- BF9E77
Almond Toast
- 75AEC2
≈ Blue Eye Samurai
- 9DA0CE
≈ Indigo Child
Dörtlü +90° +180° +270°
- BF9E77
Almond Toast
- 7FB297
≈ Padua
- 86A8CD
≈ Windfall
- C295B1
≈ Mauve Magic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.50:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.37:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--almond-toast: #bf9e77;
--almond-toast-rgb: 191 158 119;
--almond-toast-oklch: oklch(0.72 0.066 71.1);
}
.element {
color: var(--almond-toast);
background-color: hsl(33 36% 61%);
border-color: oklch(0.72 0.066 71.1);
}Tailwind CSS v4
@theme {
--color-almond-toast: #bf9e77;
--color-almond-toast-50: #fff3e1;
--color-almond-toast-100: #f6e5d0;
--color-almond-toast-200: #e6d1b6;
--color-almond-toast-300: #ccb393;
--color-almond-toast-400: #b79874;
--color-almond-toast-500: #a27f55;
--color-almond-toast-600: #896c48;
--color-almond-toast-700: #6e5639;
--color-almond-toast-800: #513e29;
--color-almond-toast-900: #392b1b;
--color-almond-toast-950: #23180c;
}SCSS
$almond-toast: #bf9e77;
$almond-toast-rgb: 191, 158, 119;
$almond-toast-light: mix(#fff, $almond-toast, 20%);
$almond-toast-dark: mix(#000, $almond-toast, 20%);
.element {
color: $almond-toast;
box-shadow: 0 0 0 2px rgba($almond-toast, 0.35);
}