Adlandırılmış renk · #DE9F83
Sienna Ochre
Sienna Ochre, #DE9F83: rgb(222 159 131), hsl(18 58% 69%), oklch(0.756 0.085 44.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Sienna Ochre color name →
#DE9F83
oklch(0.756 0.085 44.9)
Renk dönüşümleri
- HEX
- #de9f83
- RGB
- rgb(222 159 131)
- HSL
- hsl(18 58% 69%)
- HWB
- hwb(18 51% 13%)
- OKLCH
- oklch(0.756 0.085 44.9)
- OKLab
- oklab(0.756 0.06 0.06)
- CIE Lab
- lab(71.2 21.63 24.43)
- LCH
- lch(71.2 32.63 48.5)
- CMYK
- cmyk(0% 28% 41% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2A98F
- E6B29B
- E9BCA8
- EDC5B4
- F0CFC0
- F3D8CD
- F6E2D9
- F9ECE6
- FCF5F2
Koyu tonlar
- C18A71
- A57560
- 89614F
- 6F4D3F
- 553B2F
- 3D2920
- 261812
- 120906
- 020101
Gri tonlar
- D59C83
- CB9983
- C29683
- B89383
- AF9082
- A68D82
- 9C8A82
- 938781
- 898381
Renk uyumları
Tamamlayıcı +180°
- DE9F83
Sienna Ochre
- 71BCD9
≈ Bluebrite
Analog -30° +30°
- DE9F83
Sienna Ochre
- E19A9F
≈ Franken Berry
- D0A872
≈ Artemis
Üçlü +120° +240°
- DE9F83
Sienna Ochre
- 7AC1A2
≈ Gem Silica
- AAA9E4
≈ Maximum Blue Purple
Bölünmüş tamamlayıcı +150° +210°
- DE9F83
Sienna Ochre
- 69C1C0
≈ Tropic Tide
- 8BB3E5
≈ Blue Skies Today
Dörtlü +90° +180° +270°
- DE9F83
Sienna Ochre
- 99BC86
≈ Seafoam Green
- 71BCD9
≈ Bluebrite
- C4A0D5
≈ Enchanted Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.23:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.39:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--sienna-ochre: #de9f83;
--sienna-ochre-rgb: 222 159 131;
--sienna-ochre-oklch: oklch(0.756 0.085 44.9);
}
.element {
color: var(--sienna-ochre);
background-color: hsl(18 58% 69%);
border-color: oklch(0.756 0.085 44.9);
}Tailwind CSS v4
@theme {
--color-sienna-ochre: #de9f83;
--color-sienna-ochre-50: #ffeee1;
--color-sienna-ochre-100: #ffe0d0;
--color-sienna-ochre-200: #f4cab6;
--color-sienna-ochre-300: #ddab93;
--color-sienna-ochre-400: #c98f75;
--color-sienna-ochre-500: #b57356;
--color-sienna-ochre-600: #996249;
--color-sienna-ochre-700: #7b4e3a;
--color-sienna-ochre-800: #5b382a;
--color-sienna-ochre-900: #40271c;
--color-sienna-ochre-950: #29150d;
}SCSS
$sienna-ochre: #de9f83;
$sienna-ochre-rgb: 222, 159, 131;
$sienna-ochre-light: mix(#fff, $sienna-ochre, 20%);
$sienna-ochre-dark: mix(#000, $sienna-ochre, 20%);
.element {
color: $sienna-ochre;
box-shadow: 0 0 0 2px rgba($sienna-ochre, 0.35);
}