Adlandırılmış renk · #E5D2B2
Chowder Bowl
Chowder Bowl, #E5D2B2: rgb(229 210 178), hsl(38 50% 80%), oklch(0.871 0.048 80.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Chowder Bowl color name →
#E5D2B2
oklch(0.871 0.048 80.8)
Renk dönüşümleri
- HEX
- #e5d2b2
- RGB
- rgb(229 210 178)
- HSL
- hsl(38 50% 80%)
- HWB
- hwb(38 70% 10%)
- OKLCH
- oklch(0.871 0.048 80.8)
- OKLab
- oklab(0.871 0.008 0.047)
- CIE Lab
- lab(85.17 3.14 18.45)
- LCH
- lch(85.17 18.71 80.3)
- CMYK
- cmyk(0% 8% 22% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8D6BA
- EADBC1
- EDDFC9
- EFE4D1
- F2E8D8
- F5EDE0
- F7F1E8
- FAF6F0
- FCFAF7
Koyu tonlar
- C7B69A
- AA9B83
- 8E816D
- 726857
- 585043
- 3F392F
- 28241D
- 12100C
- 030201
Gri tonlar
- DACAAD
- D0C1A8
- C6B9A3
- BBB09E
- B1A899
- A7A094
- 9D988F
- 93908A
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- E5D2B2
Chowder Bowl
- C3D6F5
≈ Mr. Glass
Analog -30° +30°
- E5D2B2
Chowder Bowl
- EFCCB9
≈ Babyccino
- D5D8B4
≈ Prairie Willow
Üçlü +120° +240°
- E5D2B2
Chowder Bowl
- B1DFE1
≈ Opal
- E3CBE8
≈ Syrian Violet
Bölünmüş tamamlayıcı +150° +210°
- E5D2B2
Chowder Bowl
- B6DBEF
≈ Seashore Dreams
- D4D0F2
≈ Air Castle
Dörtlü +90° +180° +270°
- E5D2B2
Chowder Bowl
- B6DFD0
≈ Jade Sea
- C3D6F5
≈ Mr. Glass
- EEC8D8
≈ Candytuft
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.19:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--chowder-bowl: #e5d2b2;
--chowder-bowl-rgb: 229 210 178;
--chowder-bowl-oklch: oklch(0.871 0.048 80.8);
}
.element {
color: var(--chowder-bowl);
background-color: hsl(38 50% 80%);
border-color: oklch(0.871 0.048 80.8);
}Tailwind CSS v4
@theme {
--color-chowder-bowl: #e5d2b2;
--color-chowder-bowl-50: #fcf4e6;
--color-chowder-bowl-100: #f0e7d6;
--color-chowder-bowl-200: #ded3be;
--color-chowder-bowl-300: #c3b69c;
--color-chowder-bowl-400: #ad9c7f;
--color-chowder-bowl-500: #978362;
--color-chowder-bowl-600: #7f6f54;
--color-chowder-bowl-700: #665943;
--color-chowder-bowl-800: #4b4130;
--color-chowder-bowl-900: #342d20;
--color-chowder-bowl-950: #201a10;
}SCSS
$chowder-bowl: #e5d2b2;
$chowder-bowl-rgb: 229, 210, 178;
$chowder-bowl-light: mix(#fff, $chowder-bowl, 20%);
$chowder-bowl-dark: mix(#000, $chowder-bowl, 20%);
.element {
color: $chowder-bowl;
box-shadow: 0 0 0 2px rgba($chowder-bowl, 0.35);
}