Adlandırılmış renk · #DEAA9B
Tamanegi Peel
Tamanegi Peel, #DEAA9B: rgb(222 170 155), hsl(13 50% 74%), oklch(0.782 0.065 36.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Tamanegi Peel color name →
#DEAA9B
oklch(0.782 0.065 36.7)
Renk dönüşümleri
- HEX
- #deaa9b
- RGB
- rgb(222 170 155)
- HSL
- hsl(13 50% 74%)
- HWB
- hwb(13 61% 13%)
- OKLCH
- oklch(0.782 0.065 36.7)
- OKLab
- oklab(0.782 0.052 0.039)
- CIE Lab
- lab(74.23 18.14 15.52)
- LCH
- lch(74.23 23.87 40.6)
- CMYK
- cmyk(0% 23% 30% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2B2A5
- E5BBAF
- E9C3B8
- ECCCC2
- F0D4CC
- F3DDD6
- F6E5E0
- F9EEEB
- FCF6F5
Koyu tonlar
- C19386
- A57D72
- 89685E
- 6F534B
- 553F39
- 3D2D28
- 261B18
- 120B09
- 020101
Gri tonlar
- D4A698
- CBA296
- C19D93
- B89990
- AF958E
- A5918B
- 9C8D88
- 938886
- 898483
Renk uyumları
Tamamlayıcı +180°
- DEAA9B
Tamanegi Peel
- 88C3D3
≈ After the Rain
Analog -30° +30°
- DEAA9B
Tamanegi Peel
- DEA7B1
≈ Iced Vovo
- D5B08C
≈ Ligonier Tan
Üçlü +120° +240°
- DEAA9B
Tamanegi Peel
- 96C5A7
≈ Mini Green
- ADB5E2
≈ Sassy Violet
Bölünmüş tamamlayıcı +150° +210°
- DEAA9B
Tamanegi Peel
- 87C6BF
≈ Holiday Turquoise
- 97BDE0
≈ Vive le Bleu
Dörtlü +90° +180° +270°
- DEAA9B
Tamanegi Peel
- ADC093
≈ Bavarian Hops
- 88C3D3
≈ After the Rain
- C3AED9
≈ Purple Gala
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.03:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.32:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--tamanegi-peel: #deaa9b;
--tamanegi-peel-rgb: 222 170 155;
--tamanegi-peel-oklch: oklch(0.782 0.065 36.7);
}
.element {
color: var(--tamanegi-peel);
background-color: hsl(13 50% 74%);
border-color: oklch(0.782 0.065 36.7);
}Tailwind CSS v4
@theme {
--color-tamanegi-peel: #deaa9b;
--color-tamanegi-peel-50: #ffefe8;
--color-tamanegi-peel-100: #fce1d8;
--color-tamanegi-peel-200: #eecbc0;
--color-tamanegi-peel-300: #d6ad9f;
--color-tamanegi-peel-400: #c19184;
--color-tamanegi-peel-500: #ad7768;
--color-tamanegi-peel-600: #926558;
--color-tamanegi-peel-700: #755146;
--color-tamanegi-peel-800: #573a33;
--color-tamanegi-peel-900: #3d2823;
--color-tamanegi-peel-950: #261612;
}SCSS
$tamanegi-peel: #deaa9b;
$tamanegi-peel-rgb: 222, 170, 155;
$tamanegi-peel-light: mix(#fff, $tamanegi-peel, 20%);
$tamanegi-peel-dark: mix(#000, $tamanegi-peel, 20%);
.element {
color: $tamanegi-peel;
box-shadow: 0 0 0 2px rgba($tamanegi-peel, 0.35);
}