Nazwany kolor · #957C4C
Olive Boat
Olive Boat to #957C4C: rgb(149 124 76), hsl(39 32% 44%), oklch(0.599 0.072 82.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Olive Boat color name →
#957C4C
oklch(0.599 0.072 82.9)
Konwersje koloru
- HEX
- #957c4c
- RGB
- rgb(149 124 76)
- HSL
- hsl(39 32% 44%)
- HWB
- hwb(39 30% 42%)
- OKLCH
- oklch(0.599 0.072 82.9)
- OKLab
- oklab(0.599 0.009 0.072)
- CIE Lab
- lab(53.57 5.19 29.88)
- LCH
- lch(53.57 30.33 80.1)
- CMYK
- cmyk(0% 17% 49% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9F895E
- AA956F
- B4A281
- BEAF92
- C9BCA4
- D4C9B6
- DED6C8
- E9E4DA
- F4F1EC
Odcienie ciemniejsze
- 816B41
- 6D5A36
- 5A4A2C
- 483B22
- 372C18
- 261E0F
- 161106
- 080502
- 010100
Tony
- 937D52
- 917D58
- 8F7E5D
- 8D7E63
- 8B7E68
- 897F6D
- 867F72
- 847F77
- 82807B
Harmonie kolorów
Komplementarna +180°
- 957C4C
Olive Boat
- 6980AC
≈ Marvellous
Analogowa -30° +30°
- 957C4C
Olive Boat
- A27457
≈ Dodge Pole
- 808551
≈ Oregano
Triada +120° +240°
- 957C4C
Olive Boat
- 458D93
≈ Blue Chill
- 957199
≈ Diffused Orchid
Komplementarna rozszczepiona +150° +210°
- 957C4C
Olive Boat
- 5187A4
≈ Hemisphere
- 8178A8
≈ Purple Rhapsody
Tetrada +90° +180° +270°
- 957C4C
Olive Boat
- 4E8E7C
≈ Winter Green
- 6980AC
≈ Marvellous
- A26E84
≈ Never Forget
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.98:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.26:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.26:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--olive-boat: #957c4c;
--olive-boat-rgb: 149 124 76;
--olive-boat-oklch: oklch(0.599 0.072 82.9);
}
.element {
color: var(--olive-boat);
background-color: hsl(39 32% 44%);
border-color: oklch(0.599 0.072 82.9);
}Tailwind CSS v4
@theme {
--color-olive-boat: #957c4c;
--color-olive-boat-50: #fff4de;
--color-olive-boat-100: #f3e7cd;
--color-olive-boat-200: #e3d2b2;
--color-olive-boat-300: #c9b58d;
--color-olive-boat-400: #b39b6d;
--color-olive-boat-500: #9e824c;
--color-olive-boat-600: #856e41;
--color-olive-boat-700: #6b5834;
--color-olive-boat-800: #4f4024;
--color-olive-boat-900: #372c18;
--color-olive-boat-950: #221909;
}SCSS
$olive-boat: #957c4c;
$olive-boat-rgb: 149, 124, 76;
$olive-boat-light: mix(#fff, $olive-boat, 20%);
$olive-boat-dark: mix(#000, $olive-boat, 20%);
.element {
color: $olive-boat;
box-shadow: 0 0 0 2px rgba($olive-boat, 0.35);
}