Nazwany kolor · #E6BC89
Bread Pudding
Bread Pudding to #E6BC89: rgb(230 188 137), hsl(33 65% 72%), oklch(0.82 0.082 71.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bread Pudding color name →
#E6BC89
oklch(0.82 0.082 71.7)
Konwersje koloru
- HEX
- #e6bc89
- RGB
- rgb(230 188 137)
- HSL
- hsl(33 65% 72%)
- HWB
- hwb(33 54% 10%)
- OKLCH
- oklch(0.82 0.082 71.7)
- OKLab
- oklab(0.82 0.026 0.078)
- CIE Lab
- lab(79.14 10.64 31.8)
- LCH
- lch(79.14 33.54 71.5)
- CMYK
- cmyk(0% 18% 40% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9C395
- EBC9A1
- EED0AD
- F1D7B9
- F3DEC4
- F6E4D0
- F8EBDC
- FAF2E7
- FDF8F3
Odcienie ciemniejsze
- C8A376
- AB8B64
- 8E7353
- 735D42
- 594731
- 403222
- 281F14
- 130D07
- 030201
Tony
- DBB689
- D1B088
- C7AA88
- BCA487
- B29E86
- A89885
- 9E9284
- 948C83
- 8A8681
Harmonie kolorów
Komplementarna +180°
- E6BC89
Bread Pudding
- 9DC8F9
≈ Apocyan
Analogowa -30° +30°
- E6BC89
Bread Pudding
- F3B39B
≈ Stucco Wall
- CFC788
≈ Green Apple Martini
Triada +120° +240°
- E6BC89
Bread Pudding
- 82D6D2
≈ Sea Wave
- D6B5EC
≈ Pretty Petunia
Komplementarna rozszczepiona +150° +210°
- E6BC89
Bread Pudding
- 86D1EA
≈ Bluebottle
- BBBEF9
≈ Dried Lilac
Tetrada +90° +180° +270°
- E6BC89
Bread Pudding
- 93D5B4
≈ Vista Blue
- 9DC8F9
≈ Apocyan
- EAB0D4
≈ Flower Power
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.91:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--bread-pudding: #e6bc89;
--bread-pudding-rgb: 230 188 137;
--bread-pudding-oklch: oklch(0.82 0.082 71.7);
}
.element {
color: var(--bread-pudding);
background-color: hsl(33 65% 72%);
border-color: oklch(0.82 0.082 71.7);
}Tailwind CSS v4
@theme {
--color-bread-pudding: #e6bc89;
--color-bread-pudding-50: #fff2dc;
--color-bread-pudding-100: #f9e4ca;
--color-bread-pudding-200: #ead0ae;
--color-bread-pudding-300: #d1b289;
--color-bread-pudding-400: #bd9768;
--color-bread-pudding-500: #a87d45;
--color-bread-pudding-600: #8e6a3c;
--color-bread-pudding-700: #72552f;
--color-bread-pudding-800: #553d21;
--color-bread-pudding-900: #3b2a16;
--color-bread-pudding-950: #251707;
}SCSS
$bread-pudding: #e6bc89;
$bread-pudding-rgb: 230, 188, 137;
$bread-pudding-light: mix(#fff, $bread-pudding, 20%);
$bread-pudding-dark: mix(#000, $bread-pudding, 20%);
.element {
color: $bread-pudding;
box-shadow: 0 0 0 2px rgba($bread-pudding, 0.35);
}