Nazwany kolor · #DBBB9E
Holmes Cream
Holmes Cream to #DBBB9E: rgb(219 187 158), hsl(29 46% 74%), oklch(0.812 0.054 64.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Holmes Cream color name →
#DBBB9E
oklch(0.812 0.054 64.1)
Konwersje koloru
- HEX
- #dbbb9e
- RGB
- rgb(219 187 158)
- HSL
- hsl(29 46% 74%)
- HWB
- hwb(29 62% 14%)
- OKLCH
- oklch(0.812 0.054 64.1)
- OKLab
- oklab(0.812 0.023 0.048)
- CIE Lab
- lab(78.14 8.66 19.21)
- LCH
- lch(78.14 21.07 65.7)
- CMYK
- cmyk(0% 15% 28% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFC2A8
- E2C8B1
- E6CFBB
- EAD6C4
- EDDDCE
- F1E4D8
- F4EAE2
- F8F1EB
- FCF8F5
Odcienie ciemniejsze
- BEA289
- A28A74
- 877360
- 6D5C4D
- 54463A
- 3C3229
- 261F18
- 110D09
- 020201
Tony
- D2B59B
- C8AF98
- BFA995
- B6A392
- AD9D8F
- A4978C
- 9B9189
- 928C86
- 898683
Harmonie kolorów
Komplementarna +180°
- DBBB9E
Holmes Cream
- A5C6E3
≈ Sea Cliff
Analogowa -30° +30°
- DBBB9E
Holmes Cream
- E2B6AB
≈ Salmon Grey
- CDC29B
≈ Inviting Gesture
Triada +120° +240°
- DBBB9E
Holmes Cream
- 9BCEC6
≈ Clear Cove
- C9BADF
≈ Viking Diva
Komplementarna rozszczepiona +150° +210°
- DBBB9E
Holmes Cream
- 9ACBD7
≈ Surfside
- B6C0E5
≈ Spoiled Rotten
Tetrada +90° +180° +270°
- DBBB9E
Holmes Cream
- A7CCB2
≈ Calculus
- A5C6E3
≈ Sea Cliff
- D8B5D0
≈ Immortal Indigo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.80:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.61:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--holmes-cream: #dbbb9e;
--holmes-cream-rgb: 219 187 158;
--holmes-cream-oklch: oklch(0.812 0.054 64.1);
}
.element {
color: var(--holmes-cream);
background-color: hsl(29 46% 74%);
border-color: oklch(0.812 0.054 64.1);
}Tailwind CSS v4
@theme {
--color-holmes-cream: #dbbb9e;
--color-holmes-cream-50: #fff3e5;
--color-holmes-cream-100: #f5e5d6;
--color-holmes-cream-200: #e5d0bd;
--color-holmes-cream-300: #cbb39b;
--color-holmes-cream-400: #b6987e;
--color-holmes-cream-500: #a07f61;
--color-holmes-cream-600: #876c52;
--color-holmes-cream-700: #6c5641;
--color-holmes-cream-800: #503e2f;
--color-holmes-cream-900: #382b20;
--color-holmes-cream-950: #22180f;
}SCSS
$holmes-cream: #dbbb9e;
$holmes-cream-rgb: 219, 187, 158;
$holmes-cream-light: mix(#fff, $holmes-cream, 20%);
$holmes-cream-dark: mix(#000, $holmes-cream, 20%);
.element {
color: $holmes-cream;
box-shadow: 0 0 0 2px rgba($holmes-cream, 0.35);
}