Adlandırılmış renk · #DBBBA7
Cinnamon Ice
Cinnamon Ice, #DBBBA7: rgb(219 187 167), hsl(23 42% 76%), oklch(0.814 0.046 53.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cinnamon Ice color name →
#DBBBA7
oklch(0.814 0.046 53.9)
Renk dönüşümleri
- HEX
- #dbbba7
- RGB
- rgb(219 187 167)
- HSL
- hsl(23 42% 76%)
- HWB
- hwb(23 65% 14%)
- OKLCH
- oklch(0.814 0.046 53.9)
- OKLab
- oklab(0.814 0.027 0.037)
- CIE Lab
- lab(78.3 9.58 14.63)
- LCH
- lch(78.3 17.49 56.8)
- CMYK
- cmyk(0% 15% 24% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFC2B0
- E2C8B8
- E6CFC1
- EAD6CA
- EDDDD2
- F1E4DB
- F4EAE4
- F8F1ED
- FCF8F6
Koyu tonlar
- BEA291
- A28A7B
- 877366
- 6D5C52
- 54463E
- 3C322C
- 261F1A
- 110D0A
- 020201
Gri tonlar
- D2B5A3
- C8AF9F
- BFA99B
- B6A397
- AD9D94
- A49790
- 9B918C
- 928C88
- 898684
Renk uyumları
Tamamlayıcı +180°
- DBBBA7
Cinnamon Ice
- A6C8DC
≈ Sea Cliff
Analog -30° +30°
- DBBBA7
Cinnamon Ice
- DFB7B4
≈ Cherry Tree
- D1C0A1
≈ Final Straw
Üçlü +120° +240°
- DBBBA7
Cinnamon Ice
- A4CDC0
≈ Tareyton
- C3BDDE
≈ Purple Dragon
Bölünmüş tamamlayıcı +150° +210°
- DBBBA7
Cinnamon Ice
- A0CCD0
≈ Sea Dew
- B3C3E1
≈ Eternal Elegance
Dörtlü +90° +180° +270°
- DBBBA7
Cinnamon Ice
- B1CBB0
≈ Relish
- A6C8DC
≈ Sea Cliff
- D2B9D4
≈ Petite Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.79:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.67:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--cinnamon-ice: #dbbba7;
--cinnamon-ice-rgb: 219 187 167;
--cinnamon-ice-oklch: oklch(0.814 0.046 53.9);
}
.element {
color: var(--cinnamon-ice);
background-color: hsl(23 42% 76%);
border-color: oklch(0.814 0.046 53.9);
}Tailwind CSS v4
@theme {
--color-cinnamon-ice: #dbbba7;
--color-cinnamon-ice-50: #fff2e9;
--color-cinnamon-ice-100: #f5e4da;
--color-cinnamon-ice-200: #e4d0c2;
--color-cinnamon-ice-300: #cbb2a1;
--color-cinnamon-ice-400: #b59885;
--color-cinnamon-ice-500: #9f7e6a;
--color-cinnamon-ice-600: #866b5a;
--color-cinnamon-ice-700: #6c5647;
--color-cinnamon-ice-800: #503e34;
--color-cinnamon-ice-900: #372b23;
--color-cinnamon-ice-950: #221812;
}SCSS
$cinnamon-ice: #dbbba7;
$cinnamon-ice-rgb: 219, 187, 167;
$cinnamon-ice-light: mix(#fff, $cinnamon-ice, 20%);
$cinnamon-ice-dark: mix(#000, $cinnamon-ice, 20%);
.element {
color: $cinnamon-ice;
box-shadow: 0 0 0 2px rgba($cinnamon-ice, 0.35);
}