Nazwany kolor · #165B31
Crusoe
Crusoe to #165B31: rgb(22 91 49), hsl(143 61% 22%), oklch(0.418 0.097 152.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Crusoe color name →
#165B31
oklch(0.418 0.097 152.2)
Konwersje koloru
- HEX
- #165b31
- RGB
- rgb(22 91 49)
- HSL
- hsl(143 61% 22%)
- HWB
- hwb(143 9% 64%)
- OKLCH
- oklch(0.418 0.097 152.2)
- OKLab
- oklab(0.418 -0.086 0.045)
- CIE Lab
- lab(33.7 -30.06 17.85)
- LCH
- lch(33.7 34.96 149.3)
- CMYK
- cmyk(76% 0% 46% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 316A44
- 497A57
- 5F8A6A
- 759A7E
- 8BAA93
- A2BBA8
- B9CCBD
- D0DDD2
- E7EEE9
Odcienie ciemniejsze
- 124E29
- 0D4122
- 09351A
- 062913
- 031E0C
- 021306
- 010903
- 000301
- 000000
Tony
- 255F39
- 326341
- 3D6749
- 476A50
- 516E58
- 5B7260
- 647568
- 6D7970
- 777C78
Harmonie kolorów
Komplementarna +180°
- 165B31
Crusoe
- 6A3663
≈ Grape
Analogowa -30° +30°
- 165B31
Crusoe
- 445409
≈ Highlands Moss
- 005950
≈ Baltic Prince
Triada +120° +240°
- 165B31
Crusoe
- 3B4781
≈ Blue Estate
- 783529
≈ Roycroft Copper Red
Komplementarna rozszczepiona +150° +210°
- 165B31
Crusoe
- 573E78
≈ Loden Purple
- 763348
≈ Satin Chocolate
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.15:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.57:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.15:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--crusoe: #165b31;
--crusoe-rgb: 22 91 49;
--crusoe-oklch: oklch(0.418 0.097 152.2);
}
.element {
color: var(--crusoe);
background-color: hsl(143 61% 22%);
border-color: oklch(0.418 0.097 152.2);
}Tailwind CSS v4
@theme {
--color-crusoe: #165b31;
--color-crusoe-50: #e1fee9;
--color-crusoe-100: #d0f2da;
--color-crusoe-200: #b5e1c2;
--color-crusoe-300: #90c6a1;
--color-crusoe-400: #71af82;
--color-crusoe-500: #4f9866;
--color-crusoe-600: #448157;
--color-crusoe-700: #366745;
--color-crusoe-800: #284c30;
--color-crusoe-900: #1b3521;
--color-crusoe-950: #0b2010;
}SCSS
$crusoe: #165b31;
$crusoe-rgb: 22, 91, 49;
$crusoe-light: mix(#fff, $crusoe, 20%);
$crusoe-dark: mix(#000, $crusoe, 20%);
.element {
color: $crusoe;
box-shadow: 0 0 0 2px rgba($crusoe, 0.35);
}