Adlandırılmış renk · #CCB590
Almond Buff
Almond Buff, #CCB590: rgb(204 181 144), hsl(37 37% 68%), oklch(0.783 0.056 79.5). 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 Buff color name →
#CCB590
oklch(0.783 0.056 79.5)
Renk dönüşümleri
- HEX
- #ccb590
- RGB
- rgb(204 181 144)
- HSL
- hsl(37 37% 68%)
- HWB
- hwb(37 56% 20%)
- OKLCH
- oklch(0.783 0.056 79.5)
- OKLab
- oklab(0.783 0.01 0.056)
- CIE Lab
- lab(74.98 4.42 22.1)
- LCH
- lch(74.98 22.54 78.7)
- CMYK
- cmyk(0% 11% 29% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1BC9B
- D6C4A6
- DBCBB1
- E0D2BC
- E5DAC7
- EBE1D2
- F0E9DD
- F5F0E8
- FAF7F4
Koyu tonlar
- B19D7D
- 97866A
- 7E6F57
- 655945
- 4E4434
- 373024
- 221D15
- 0F0C07
- 020201
Gri tonlar
- C4B08F
- BCAA8D
- B5A58C
- ADA08A
- A59A89
- 9E9587
- 969085
- 8F8A84
- 878582
Renk uyumları
Tamamlayıcı +180°
- CCB590
Almond Buff
- A3BADD
≈ Fairies in America
Analog -30° +30°
- CCB590
Almond Buff
- D7AF99
≈ Adobe Village
- BABC92
≈ Paspalum Grass
Üçlü +120° +240°
- CCB590
Almond Buff
- 8EC4C6
≈ Cerulean Skies
- C9ADD0
≈ Windsor Purple
Bölünmüş tamamlayıcı +150° +210°
- CCB590
Almond Buff
- 93C0D6
≈ Speedboat
- B7B3DB
≈ Beloved
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.98:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.57:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--almond-buff: #ccb590;
--almond-buff-rgb: 204 181 144;
--almond-buff-oklch: oklch(0.783 0.056 79.5);
}
.element {
color: var(--almond-buff);
background-color: hsl(37 37% 68%);
border-color: oklch(0.783 0.056 79.5);
}Tailwind CSS v4
@theme {
--color-almond-buff: #ccb590;
--color-almond-buff-50: #fdf4e3;
--color-almond-buff-100: #f2e6d3;
--color-almond-buff-200: #e1d2ba;
--color-almond-buff-300: #c6b597;
--color-almond-buff-400: #b09b79;
--color-almond-buff-500: #9a825b;
--color-almond-buff-600: #826e4d;
--color-almond-buff-700: #68583e;
--color-almond-buff-800: #4d402c;
--color-almond-buff-900: #362c1e;
--color-almond-buff-950: #21190e;
}SCSS
$almond-buff: #ccb590;
$almond-buff-rgb: 204, 181, 144;
$almond-buff-light: mix(#fff, $almond-buff, 20%);
$almond-buff-dark: mix(#000, $almond-buff, 20%);
.element {
color: $almond-buff;
box-shadow: 0 0 0 2px rgba($almond-buff, 0.35);
}