Nazwany kolor · #55643B
Daisy Leaf
Daisy Leaf to #55643B: rgb(85 100 59), hsl(82 26% 31%), oklch(0.48 0.064 125.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Daisy Leaf color name →
#55643B
oklch(0.48 0.064 125.1)
Konwersje koloru
- HEX
- #55643b
- RGB
- rgb(85 100 59)
- HSL
- hsl(82 26% 31%)
- HWB
- hwb(82 23% 61%)
- OKLCH
- oklch(0.48 0.064 125.1)
- OKLab
- oklab(0.48 -0.037 0.053)
- CIE Lab
- lab(40.28 -11.71 21.27)
- LCH
- lch(40.28 24.28 118.8)
- CMYK
- cmyk(15% 0% 41% 61%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 64724D
- 748160
- 849072
- 959F85
- A6AF99
- B7BEAD
- C9CEC1
- DADED5
- EDEFEA
Odcienie ciemniejsze
- 495632
- 3D4829
- 313B21
- 262E19
- 1C2211
- 111609
- 080B04
- 020301
- 000000
Tony
- 596742
- 5D6A49
- 626D50
- 666F57
- 6A725E
- 6E7565
- 73786C
- 777A72
- 7C7D79
Harmonie kolorów
Komplementarna +180°
- 55643B
Daisy Leaf
- 66547B
≈ Berry Syrup
Analogowa -30° +30°
- 55643B
Daisy Leaf
- 695D31
≈ Bean Green
- 3E684E
≈ Nordic Pine
Triada +120° +240°
- 55643B
Daisy Leaf
- 3D6180
≈ Chinese Porcelain
- 7D4E58
≈ Baroque Red
Komplementarna rozszczepiona +150° +210°
- 55643B
Daisy Leaf
- 535B82
≈ Marlin
- 74506C
≈ Dahlia Matte Red
Tetrada +90° +180° +270°
- 55643B
Daisy Leaf
- 2C6774
≈ Loon Turquoise
- 66547B
≈ Berry Syrup
- 7D5045
≈ Red Rooster
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.41:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.27:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.41:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--daisy-leaf: #55643b;
--daisy-leaf-rgb: 85 100 59;
--daisy-leaf-oklch: oklch(0.48 0.064 125.1);
}
.element {
color: var(--daisy-leaf);
background-color: hsl(82 26% 31%);
border-color: oklch(0.48 0.064 125.1);
}Tailwind CSS v4
@theme {
--color-daisy-leaf: #55643b;
--color-daisy-leaf-50: #f0f9e5;
--color-daisy-leaf-100: #e2ecd6;
--color-daisy-leaf-200: #cddabd;
--color-daisy-leaf-300: #aebe9b;
--color-daisy-leaf-400: #95a67c;
--color-daisy-leaf-500: #7c8e5f;
--color-daisy-leaf-600: #697850;
--color-daisy-leaf-700: #546040;
--color-daisy-leaf-800: #3e462d;
--color-daisy-leaf-900: #2b311e;
--color-daisy-leaf-950: #181d0e;
}SCSS
$daisy-leaf: #55643b;
$daisy-leaf-rgb: 85, 100, 59;
$daisy-leaf-light: mix(#fff, $daisy-leaf, 20%);
$daisy-leaf-dark: mix(#000, $daisy-leaf, 20%);
.element {
color: $daisy-leaf;
box-shadow: 0 0 0 2px rgba($daisy-leaf, 0.35);
}