Adlandırılmış renk · #AC4F06
Cinnamon Bun
Cinnamon Bun, #AC4F06: rgb(172 79 6), hsl(26 93% 35%), oklch(0.537 0.141 49.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Cinnamon Bun color name →
#AC4F06
oklch(0.537 0.141 49.2)
Renk dönüşümleri
- HEX
- #ac4f06
- RGB
- rgb(172 79 6)
- HSL
- hsl(26 93% 35%)
- HWB
- hwb(26 2% 33%)
- OKLCH
- oklch(0.537 0.141 49.2)
- OKLab
- oklab(0.537 0.092 0.107)
- CIE Lab
- lab(45.35 36.5 53.62)
- LCH
- lch(45.35 64.86 55.8)
- CMYK
- cmyk(0% 54% 97% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B6612E
- BF7348
- C8845F
- D19676
- DAA78C
- E2B8A3
- E9CAB9
- F1DBD0
- F8EDE8
Koyu tonlar
- 954404
- 7F3803
- 692E02
- 542301
- 401901
- 2D1000
- 1B0700
- 0B0200
- 010000
Gri tonlar
- A95520
- A55B2F
- A1603C
- 9D6647
- 996B51
- 956F5B
- 907465
- 8B786E
- 867C77
Renk uyumları
Tamamlayıcı +180°
- AC4F06
Cinnamon Bun
- 00789F
≈ Mitchell Blue
Analog -30° +30°
- AC4F06
Cinnamon Bun
- B1454C
≈ Intrigue Red
- 906500
≈ Alligator
Üçlü +120° +240°
- AC4F06
Cinnamon Bun
- 008163
≈ Generic Viridian
- 6D5CB9
≈ Blue Marguerite
Bölünmüş tamamlayıcı +150° +210°
- AC4F06
Cinnamon Bun
- 007D82
≈ Macquarie
- 376CBE
≈ Matt Blue
Dörtlü +90° +180° +270°
- AC4F06
Cinnamon Bun
- 3C8027
≈ Bilbao
- 00789F
≈ Mitchell Blue
- 904FA1
≈ Vicious Violet
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.41:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.87:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--cinnamon-bun: #ac4f06;
--cinnamon-bun-rgb: 172 79 6;
--cinnamon-bun-oklch: oklch(0.537 0.141 49.2);
}
.element {
color: var(--cinnamon-bun);
background-color: hsl(26 93% 35%);
border-color: oklch(0.537 0.141 49.2);
}Tailwind CSS v4
@theme {
--color-cinnamon-bun: #ac4f06;
--color-cinnamon-bun-50: #ffebd1;
--color-cinnamon-bun-100: #ffdbbe;
--color-cinnamon-bun-200: #ffc49d;
--color-cinnamon-bun-300: #f1a273;
--color-cinnamon-bun-400: #e0834d;
--color-cinnamon-bun-500: #ce641b;
--color-cinnamon-bun-600: #ae551a;
--color-cinnamon-bun-700: #8c4415;
--color-cinnamon-bun-800: #68300f;
--color-cinnamon-bun-900: #492109;
--color-cinnamon-bun-950: #301000;
}SCSS
$cinnamon-bun: #ac4f06;
$cinnamon-bun-rgb: 172, 79, 6;
$cinnamon-bun-light: mix(#fff, $cinnamon-bun, 20%);
$cinnamon-bun-dark: mix(#000, $cinnamon-bun, 20%);
.element {
color: $cinnamon-bun;
box-shadow: 0 0 0 2px rgba($cinnamon-bun, 0.35);
}