Nazwany kolor · #D0B55A
Warm Woollen
Warm Woollen to #D0B55A: rgb(208 181 90), hsl(46 56% 58%), oklch(0.778 0.115 93). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Warm Woollen color name →
#D0B55A
oklch(0.778 0.115 93)
Konwersje koloru
- HEX
- #d0b55a
- RGB
- rgb(208 181 90)
- HSL
- hsl(46 56% 58%)
- HWB
- hwb(46 35% 18%)
- OKLCH
- oklch(0.778 0.115 93)
- OKLab
- oklab(0.778 -0.006 0.115)
- CIE Lab
- lab(74.69 1.95 49.27)
- LCH
- lch(74.69 49.31 87.7)
- CMYK
- cmyk(0% 13% 57% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5BD6D
- D9C47E
- DECB8F
- E3D3A0
- E7DAB0
- ECE2C0
- F1E9D0
- F5F0DF
- FAF8EF
Odcienie ciemniejsze
- B59D4D
- 9A8641
- 806F35
- 675929
- 4F441E
- 393013
- 231D09
- 100C03
- 020200
Tony
- C8B060
- BFAB66
- B7A56A
- AFA06E
- A79B72
- 9F9576
- 979079
- 8F8B7B
- 88857E
Harmonie kolorów
Komplementarna +180°
- D0B55A
Warm Woollen
- 9FB2FF
≈ Wondrous Wisteria
Analogowa -30° +30°
- D0B55A
Warm Woollen
- EBA665
≈ Apricot Sorbet
- A9C36E
≈ Old Lime
Triada +120° +240°
- D0B55A
Warm Woollen
- 4ACAE3
≈ Watercourse
- E39BD6
≈ Damson Plum
Komplementarna rozszczepiona +150° +210°
- D0B55A
Warm Woollen
- 71BFFB
≈ Maya Blue
- C6A5F4
≈ Lavender Cream
Tetrada +90° +180° +270°
- D0B55A
Warm Woollen
- 4ECFBE
≈ Peppy Peacock
- 9FB2FF
≈ Wondrous Wisteria
- F497B0
≈ Flower Girl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.43:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--warm-woollen: #d0b55a;
--warm-woollen-rgb: 208 181 90;
--warm-woollen-oklch: oklch(0.778 0.115 93);
}
.element {
color: var(--warm-woollen);
background-color: hsl(46 56% 58%);
border-color: oklch(0.778 0.115 93);
}Tailwind CSS v4
@theme {
--color-warm-woollen: #d0b55a;
--color-warm-woollen-50: #fff6d1;
--color-warm-woollen-100: #f4e8bd;
--color-warm-woollen-200: #e3d49c;
--color-warm-woollen-300: #cab771;
--color-warm-woollen-400: #b69d47;
--color-warm-woollen-500: #a08301;
--color-warm-woollen-600: #886f0b;
--color-warm-woollen-700: #6d590a;
--color-warm-woollen-800: #514005;
--color-warm-woollen-900: #392c04;
--color-warm-woollen-950: #231900;
}SCSS
$warm-woollen: #d0b55a;
$warm-woollen-rgb: 208, 181, 90;
$warm-woollen-light: mix(#fff, $warm-woollen, 20%);
$warm-woollen-dark: mix(#000, $warm-woollen, 20%);
.element {
color: $warm-woollen;
box-shadow: 0 0 0 2px rgba($warm-woollen, 0.35);
}