En yakın adlandırılmış renk · #D96800
#D96800
En yakın adlandırılmış renk: Cinnamon
#D96800 (rgb(217 104 0), hsl(29 100% 43%), oklch(0.642 0.167 51.1)) en çok Cinnamon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D96800
oklch(0.642 0.167 51.1)
Renk dönüşümleri
- HEX
- #d96800
- RGB
- rgb(217 104 0)
- HSL
- hsl(29 100% 43%)
- HWB
- hwb(29 0% 15%)
- OKLCH
- oklch(0.642 0.167 51.1)
- OKLab
- oklab(0.642 0.105 0.13)
- CIE Lab
- lab(57.43 42.16 65.87)
- LCH
- lch(57.43 78.2 57.4)
- CMYK
- cmyk(0% 52% 100% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DF7833
- E4884F
- E99767
- EDA67D
- F1B593
- F5C4A9
- F8D3BE
- FBE2D4
- FDF0E9
Koyu tonlar
- BC5900
- A14B00
- 863E00
- 6C3000
- 532400
- 3B1800
- 250C00
- 110400
- 020000
Gri tonlar
- D16C24
- C96F35
- C07242
- B8754D
- AF7857
- A67A60
- 9D7C69
- 947D71
- 8A7F79
Renk uyumları
Tamamlayıcı +180°
- D96800
Cinnamon
- 0099CD
≈ Tomb Blue
Analog -30° +30°
- D96800
Cinnamon
- E05A5F
≈ Aphrodisiac
- B58300
≈ Letter Jacket
Üçlü +120° +240°
- D96800
Cinnamon
- 00A583
≈ Congo Green
- 8F76E9
≈ Matt Purple
Bölünmüş tamamlayıcı +150° +210°
- D96800
Cinnamon
- 00A0A8
≈ Ducati
- 4F89F1
≈ Blue Elemental
Dörtlü +90° +180° +270°
- D96800
Cinnamon
- 49A43B
≈ Oregano Green
- 0099CD
≈ Tomb Blue
- B966C9
≈ Rich Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.54:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.93:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--cinnamon: #d96800;
--cinnamon-rgb: 217 104 0;
--cinnamon-oklch: oklch(0.642 0.167 51.1);
}
.element {
color: var(--cinnamon);
background-color: hsl(29 100% 43%);
border-color: oklch(0.642 0.167 51.1);
}Tailwind CSS v4
@theme {
--color-cinnamon: #d96800;
--color-cinnamon-50: #ffe9c9;
--color-cinnamon-100: #ffd9b4;
--color-cinnamon-200: #ffc190;
--color-cinnamon-300: #fa9e61;
--color-cinnamon-400: #ea7d32;
--color-cinnamon-500: #d85b00;
--color-cinnamon-600: #b64e00;
--color-cinnamon-700: #933e00;
--color-cinnamon-800: #6e2c00;
--color-cinnamon-900: #4d1e00;
--color-cinnamon-950: #330d00;
}SCSS
$cinnamon: #d96800;
$cinnamon-rgb: 217, 104, 0;
$cinnamon-light: mix(#fff, $cinnamon, 20%);
$cinnamon-dark: mix(#000, $cinnamon, 20%);
.element {
color: $cinnamon;
box-shadow: 0 0 0 2px rgba($cinnamon, 0.35);
}